检查单选按钮在React中不起作用

Dan*_*iel 0 reactjs

我无法在"React"中使用"已检查"属性来处理单选按钮.请注意,当我单击单选按钮时,class属性会正确更新为"selected",因此"activeRating.time_felt_right === false"检查正在运行.

<input type="radio" value="false"
  id={`time_felt_right_${activeRating.id}_false`}
  checked={activeRating.time_felt_right === false}
  className={activeRating.time_felt_right === false ? 'selected' : null}
  onChange={e => {
      console.log('false');
      e.preventDefault()
      updateActiveRating({ time_felt_right: false })
    }
  }
/>
Run Code Online (Sandbox Code Playgroud)

activeRating由Redux的mapStateToProps提供.updateActiveRating定义如下:

const mapDipsatchToProps = (dispatch) => ({
  updateActiveRating (rating) {
    dispatch(updateActiveRatingAction(rating));
  },
});
Run Code Online (Sandbox Code Playgroud)

Uzi*_*dez 8

如果你删除e.preventDefault()它应该工作