javascript – ReactJs组件如何从componentWillMount中检索var?

发布时间:2020-09-16 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了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>
   }
});

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

总结

以上是编程之家为你收集整理的javascript – ReactJs组件如何从componentWillMount中检索var?全部内容,希望文章能够帮你解决javascript – ReactJs组件如何从componentWillMount中检索var?所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!