Javascript 状态更新但不渲染
我是ReactJS新手，尝试管理状态更改失败。初始状态按预期进行渲染，状态成功更改，但元素随后不会渲染。DOM控制台中没有要关闭的错误。我已经确保在组件类的构造函数中设置初始状态，并且我还尝试绑定我在构造函数中使用的方法，因为我已经读到自动绑定不是ES6的一部分。相关部件代码如下所示：Javascript 状态更新但不渲染,javascript,reactjs,Javascript,Reactjs,我是ReactJS新手，尝试管理状态更改失败。初始状态按预期进行渲染，状态成功更改，但元素随后不会渲染。DOM控制台中没有要关闭的错误。我已经确保在组件类的构造函数中设置初始状态，并且我还尝试绑定我在构造函数中使用的方法，因为我已经读到自动绑定不是ES6的一部分。相关部件代码如下所示： class MyComponent extends Component { constructor(props) { super(props); this.stat
class MyComponent extends Component {
constructor(props) {
super(props);
this.state = {
myIDs: Array(6).fill('0')
};
this.getMyIDs = this.getMyIDs.bind(this);
};
componentDidMount() {
var ids = this.getMyIDs();
ids.then((result)=> {
this.setState({ myIDs: result }, () => {
console.log(this.state.myIDs)
});
})
};
componentWillUnmount() {
this.setState({
myIDs: Array(6).fill('0')
});
};
getMyIDs() {
return fetch('/api/endpoint').then((response) =>{
return response.json();
}).then((myIDs) => {
return myIDs.result
})
};
render() {
return (
<Tweet tweetId={this.state.myIDs[0]} />
<Tweet tweetId={this.state.myIDs[1]} />
);
}
}
export default MyComponent
componentWillMountcomponentDidMount组件将卸载componentWillMountcomponentDidMount组件将卸载对象将被删除，没有理由在那里进行调用。当前代码中存在的唯一问题是返回多个元素组件实例，而没有将它们包装在
React.Fragmentdivrender() {
return (
<React.Fragment>
<Element Id={this.state.myIDs[0]} />
<Element Id={this.state.myIDs[1]} />
</React.Fragment>
);
}
}
render（）{
返回(
);
}
}
componentDidMountcomponentWillMount在元素组件中使用prop
IdcomponentWillMountcomponentDidMountthis.props.IdReact.Fragmentdivrender() {
return (
<React.Fragment>
<Element Id={this.state.myIDs[0]} />
<Element Id={this.state.myIDs[1]} />
</React.Fragment>
);
}
}
render（）{
返回(
);
}
}
componentDidMountcomponentWillMount在元素组件中使用prop
IdcomponentWillMountcomponentDidMountthis.props.Idresultconsole.log（this.state.myIDs）结果componentWillMountsetState