var React = require('react'); var SomeComponent = React.createClass({ componentWillMount: function() { someVariable = "Variable"; return someVariable },render: function() { return ( <div>{someVariable}</div> ); } }); module.exports = SomeComponent;
组件如何从componentWillMount中检索someVariable?
解决方法
您的示例有效,因为您正在定义一个全局变量,然后render方法可以访问该变量.这通常很糟糕.
我认为你真正想要的是在组件的初始状态下设置这个变量.
我认为你真正想要的是在组件的初始状态下设置这个变量.
var SomeComponent = React.createClass({ getInitialState: function () { return {someVariable: 'Variable'}; },render: function () { return <div>{this.state.someVariable}</div> } });
在componentWillMount中使用this.setState设置状态也很好,但是会覆盖组件所具有的任何初始状态,因为渲染仍然只会执行一次,因此如果它应该是组件本地的,那么在getInitialState中更有意义. .
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。