传递数据以创建反应组件的正确方法是什么

时间:2017-02-22 08:36:09

标签: javascript html asp.net reactjs

我之前是我们的asp.net,我将在html中传递数据.i总是将数据放入标签中并且组件需要它

例如:

<body> 
<div id="target"></div> 
<script> 
var data="@Html.Raw(JsonConvert.SerializeObject(Model));" </script> 
</body>

JS:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
var data=window.data;
ReactDOM.render(<comp d={data}/>,document.getElementById('target') );

是传递数据的正确方法吗? 或者我应该用ajax来获取数据?

1 个答案:

答案 0 :(得分:0)

如果您将数据作为prop传递给子组件,则可以通过this.props.YourProp

访问它。

在此示例中,如果您将数据传递到您的组件,您可以通过this.props.d

访问它

如果您的应用程序正在增长,您将需要处理复杂的状态更改。 所以我建议你使用Racket https://github.com/mohebifar/racket 和redux来处理你的状态变化。