小编Mik*_*iss的帖子

我试图自学React，并整夜都在挣扎。以下代码打算执行的操作是遍历我的问题数组并动态更新渲染，以替换每个表单元素的消息，类型和名称。但是，一直在发生的事情，以及我找不到的解决方法是，在每次提交时，页面都会在问题数组中更新到下一对象的瞬间，然后刷新，并将表单重置为页面：0状态询问“多少支球队？” （而不是按预期增加“几轮？”问题）。我尝试将状态移到表单的父级，但最终只是将罐子踢了下去，并发生了同样的问题。

import React from 'react';
import ReactDOM from 'react-dom';

export class Form extends React.Component {
constructor(props) {
    super(props);

    this.state = {
        questions : [
            {   message: 'How many teams?',
                type: 'number',
                name: 'numberOfTeams'
            },
            {   message: 'How many rounds?',
                type: 'number',
                name: 'numberOfRounds'
            },
            {   message: 'How long for each round?',
                type: 'number',
                name: 'lengthOfRounds'
            },
            {   message: 'What is your team name?',
                type: 'text',
                name: 'teamName'
            }
        ],
        page : 0
    }

    this.updatePage = this.updatePage.bind(this);
}
updatePage() { …