javascript - React onClick 按钮随机跳过数组

Question

所以我有一组随机显示的项目：

const questions = this.state.questions
            .sort(() => Math.random() - Math.random())
            .find(() => true);

我有一个按钮。如果我点击这个按钮，我想把显示项目的内容：

                      {questions && (
                            <div>
                                <div className="questions-card">
                                    {questions.question}
                                </div>
                                <div>
                                    <Button
                                        onClick={() =>
                                            this.setState({
                                                question: questions.question,
                                            })
                                        }
                                    >
                                        Answer
                                    </Button>
                                </div>
                            </div>
                        )}

我不知道为什么，但每次我点击这个按钮时，它都会跳到下一个项目。我不想要这个。我想要的只是放入questions.question状态。这是怎么回事？

标签： javascriptreactjs

Answer 1

之所以发生这种情况，是因为每次单击按钮时页面都会重新呈现。

在此处查看更多信息：
ReactJS - 是否在任何时候调用“setState”时都会调用渲染？