如何在React JS中的另一个函数中使用函数的状态或道具

Question

我有render函数，可以在其中使用state和props ，当我从此处调用另一个方法时，我可以传递这些值并使其他函数可以访问它们。 但是，我想从componentDidMount函数调用我的方法，并消耗可在渲染中用完的state/props 。 当我从componentDidMount调用函数时， state/prop数据仍未定义。

render

render : function(){
    var customState = this.state.data;
    var customProp = this.props.otherData;
},

componenDidMount

componentDidMount : function(){
    this.myCustomFunction();
},

myCustomFunction

mycustomFunction : function(){
    var stateData = this.state.data.name; //undefined
},

现在，如何在这里传递状态数据？

Answer 1

你在做什么是正确的。

mycustomFunction : function(){
    var stateData = this.state.data.name; //undefined
}

this.state.data.name可能是未定义的，因为您没有设置它。 尝试仅调试this.state.data或对其进行控制台，然后检查数据是否存在。