javascript - ReactJs 组件如何从 componentWillMount 检索 var？

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>
   }
});

在 this.setState 中使用 componentWillMount 设置状态也很好，但会覆盖组件的任何初始状态，因为渲染仍然只执行一次，因此如果它应该是组件本地的东西，那么在 getInitialState 中执行它更有意义。

关于javascript - ReactJs 组件如何从 componentWillMount 检索 var？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30795179/