所以问题是 React 渲染其组件，以便仅渲染更改的组件。由于重新渲染后复选框的检查属性没有任何变化，因此它们保持以前的状态。

您应该做的是在setAnswer函数中单击时切换复选框状态，并将其作为props传递给 Question 组件。

就像是

this.state {
   checkedAttr: ["false", "false", "false"]
} 

传递它喜欢

<Question step={this.state.step} question={this.state.questions[this.state.step]} setAnswer={this.setAnswer} onNext={this.onNext} isDisabled={this.isDisabled()} checkedAttr={this.state.checkedAttr} />

在复选框状态中使用它们作为

{this.props.question.answers.map((answer, index) => {
  return (
    <li className="Question__answer" key={answer.id}>
      <label className="Question__answer-label">
        <input
          className="Question__answer-checkbox"
          type="checkbox"
          value={index}
          checked={this.props.checkedAttr[index]}
          onChange={this.props.setAnswer}
          defaultChecked={false} />
        {answer.answer}
      </label>
    </li>

    ...

    <button className="Question__next" type="button" onClick={this.props.onNext} disabled={this.props.isDisabled}>
        Next question
      </button>
  )
})}

在onNext函数中，只需将状态重置checkedAttr为false。

在Question组件上使用这样的componentWillReceiveProps方法：

componentWillReceiveProps: function(nextProps) {
  this.setState({
    likesIncreasing: nextProps.likeCount > this.props.likeCount
  });
}

根据文档：

componentWillReceiveProps 将在组件接收新props时被调用。初始渲染不会调用此方法。

从Question组件中获取接收到的步骤并更新其状态以显示新的Question.