<div>
<blockquote>
What I want to know is &nbsp;what the difference is 'getSnapshot' and 'toJSON'.<br />
&nbsp;I think both of them are doing same role that returns json format data..
</blockquote>
No. According to the <a href="https://github.com/mobxjs/mobx-state-tree/blob/master/docs/getting-started.md#creating-model-instances-tree-nodes" rel="ugc nofollow">specs getSnapshot</a> returns an object (no quotes around the field names).<br />
<br />

<pre><code id="code-20-42760744-1">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;
	&lt;script&gt;
		var obj = {};
		obj.test = 'TEST';
		console.log(obj);
		console.log(JSON.stringify(obj));
	&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
<a href="https://filedb.experts-exchange.com/incoming/2018/12_w51/1407689/Capture.PNG" target="_blank" title="Capture.PNG (9 KB)"><img alt="Capture.PNG" class="file-block lazyload" style="max-width: 421px;" data-src="https://filedb.experts-exchange.com/incoming/2018/12_w51/1407689/Capture.PNG" /></a><br />
For the rest, the actual value be identical.
</div>


> What I want to know is  what the difference is 'getSnapshot' and 'toJSON'.
>  I think both of them are doing same role that returns json format data..

No. According to the specs getSnapshot [https://github.com/mobxjs/mobx-state-tree/blob/master/docs/getting-started.md#creating-model-instances-tree-nodes] returns an object (no quotes around the field names).



<!DOCTYPE html>
<html>
<body>
	<script>
		var obj = {};
		obj.test = 'TEST';
		console.log(obj);
		console.log(JSON.stringify(obj));
	</script>
</body>
</html>

Capture.PNGhttps://filedb.experts-exchange.com/incoming/2018/12_w51/1407689/Capture.PNG
For the rest, the actual value be identical.

Capture.PNG

<div>
<div class="content wysiwyg-content">
I'm using mobx-state-tree<br />
What I want to know is &nbsp;what the difference is 'getSnapshot' and 'toJSON'.<br />
I think both of them are doing same role that returns json format data.<br />
ex) <br />
between<br />
var jsonData = getSnapshot(chatsStore.use<wbr />rInfo)<br />
&nbsp; and<br />
var jsonData = chatsStore.userInfo.toJSON<wbr />();<br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
What's difference??
</div>
</div>


I'm using mobx-state-tree
What I want to know is  what the difference is 'getSnapshot' and 'toJSON'.
I think both of them are doing same role that returns json format data.
ex) 
between
var jsonData = getSnapshot(chatsStore.userInfo)
  and
var jsonData = chatsStore.userInfo.toJSON();
        
What's difference??

In mobx-state-tree,  what is the difference, 'getSnapshot' and 'toJSON'.

React (also known as React.js or ReactJS) is an open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality.

React

ReactNative

JavaScript Object Notation, or JSON, is human-readable text used when transmitting data objects consisting of attribute:value pairs between a server and a web application as an alternative to XML. JSON, while it is originally derived from JavaScript, is a language-independent data format. Code for parsing and generating JSON data is available in many programming languages.