小编ben*_*zen的帖子

我有一个我想要完成的简单任务:只要在其组之间切换单选按钮就触发一个函数.

class App extends Component {
    onButtonClick() {
        console.log('something was clicked!')
    }

    return (
      <div>
        <button onClick={this.onButtonClick.bind(this)}>
            Click me
        </button>
        <input
            type="checkbox"
            onChange={this.onButtonClick.bind(this)}
        />
        <input
            type="radio"
            value="yes"
            name="answer"
            onChange={this.onButtonClick.bind(this)}
        />
        <input
            type="radio"
            value="no"
            name="answer"
            onChange={this.onButtonClick.bind(this)}
        />
      </div>
    )
}

按钮和复选框工作得很好.如果单击它,它会多次触发该函数.单选按钮会触发一次,然后停止.

这几乎就像ReactJS由于某种原因停止观看onChange的单选按钮一样.任何帮助将不胜感激.谢谢!

UPDATE

它似乎在https://codesandbox.io/s/rGMGzJNL中正常工作,但在我的本地环境中无法正常工作,这是完全令人困惑的.如果我弄清楚发生了什么会更新,但如果有人遇到过这个问题,我会很感激!

我有以下组件：

<Moment element={Text}
        format="MMM DD, YYYY \at h:mma"
        style={dateStyle}
>
    {this.props.updateDate}
</Moment>

它目前正在输出类似Jan 01, 2017 at 12:53pm，但我需要它来输出JAN 01, 2017 AT 12:53PM。

通常你会{string.toUppercase()}用来实现这一点，但我在弄清楚如何获得输出时遇到问题。

任何帮助将不胜感激。谢谢！