如何将设计数据传递给React组件？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何将设计数据传递给React组件？相关的知识，希望对你有一定的参考价值。
我正在尝试将Devise数据传递给React组件。 Devise设置正确，但我无法弄清楚如何将current_user信息作为props传递给react_component。 React props current_user使日志记录保持不存在状态。我正在使用React v5.1和React-Rails v2.4。
index.html.erb
<%= react_component 'Main', props: {current_user: @current_user} %>
_main.js.jsx
var Main = createReactClass({
render () {
return (
<div>
{this.props.current_user.id}
<Header />
<Body />
</div>
);
}
});
答案
试试props: {current_user: current_user}而不是props: {current_user: @current_user}
另一答案
它应该如下
<%= react_component 'Main', props: {current_user: current_user.to_json} %>
反面
var Main = createReactClass({
getInitialState() {
return {
currentUser: this.props.current_user
};
render () {
return (
<div>
{this.state.currentUser.id}
<Header />
<Body />
</div>
);
}
});
以上是关于如何将设计数据传递给React组件？的主要内容，如果未能解决你的问题，请参考以下文章
如何将变量数据传递给 createFragementContainer
Android 导航架构组件：如何将捆绑数据传递给 startDestination
使用 useState React Native 将获取数据传递给组件