javascript - 如何在 React Native 中首次单击时同时更改屏幕和 setState
<p><p>我有一个功能可以改变屏幕并同时设置状态，如下所示(武器的初始状态为空):</p>
<pre><code>var { navigate } = this.props.navigation;
clickM16 = () => {
this.setState({
weapon: "M16"
});
navigate("Second", {weapon: this.state.weapon});
}
</code></pre>
<p>我通过 {this.props.navigation.state.weapon} 在我的第二个屏幕上调用它，但状态似乎没有更新到 M16，直到我返回并再次单击该按钮。</p>
<p>我在 setState 函数的上方和下方都记录了控制台，并且在第一次单击时它总是给我 null 但当我返回并再次单击它时为 M16。</p>
<p>我不能在屏幕之间导航的同时运行 setState 吗？如果可以，我做错了什么。</p>
<p>TLDR:我正在尝试在同一功能中设置状态和更改页面，以便我可以在新页面上将新状态显示为文本。直到第二次单击按钮后才会发生状态更改。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>尝试为导航设置一个小超时。当您点击导航指令时，状态更改可能未完成</p>
<pre><code>var { navigate } = this.props.navigation;
clickM16 = () => {
this.setState({
weapon: "M16"
});
setTimeout(() => navigate("Second", {weapon: this.state.weapon}),20);
}
</code></pre></p>
<p style="font-size: 20px;">关于javascript - 如何在 React Native 中首次单击时同时更改屏幕和 setState，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/49683789/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/49683789/
</a>
</p>
页:
[1]