复选框/Radio onChange事件不返回标准事件对象（仅当React-plus-Carbon时）

Question

该行为类似于React onChange事件中的问题，doesnt返回对象。然而，这是参考React工具箱和材料设计，我没有使用。

这种差异可以从Carbon的在线沙箱工具中看出。单选按钮的一个例子是http://react.carbondesignsystem.com/？selectedkind=radioButton&selectedstory=default&full=0&addons=1&stories=1&panelright=0&addonpanel=storybook%2fection%2fections-panel。单击该按钮并查看操作记录器面板中返回的结果。与在http://react.carbondesignsystem.com/中更改（不仅仅是单击）文本输入的结果相比较？selectedkind=textinput&selectedstory=default&full=0&addons=1&stories=1&panelright=0&addonpanel=storybook%2fection%2fections-panel。problem元素返回{event}作为第三个down元素，而good元素只返回一个包含{event}的元素。显然，碳只是沿着第一种元素传递。

下面是更改处理程序、ReactJSX和结果HTML。

    handleChange(event) {
        console.log(event)
        const {name, value, type, checked} = event.target
        this.setState({[name]: value}) 
    }

<RadioButton 
    id="gender-male"
    name="gender"
    labelText="Male (Carbon)"
    labelPosition="right"
    value="male"
    checked={this.state.gender === "male"}
    onChange={this.handleChange}
/>

<div class="bx--radio-button-wrapper">
   <input 
      id="gender-male" 
      name="gender" 
      type="radio" 
      class="bx--radio-button" 
      value="male"
   >

   <label for="gender-male" 
      class="bx--radio-button__label" 
      aria-label="Male (Carbon)">
      <span class="bx--radio-button__appearance"></span>
      <span class="">Male (Carbon)</span>
   </label>
</div>

预期的行为是本地作用域包含具有名称、值、类型、检查等属性的事件对象。但是对于Carbon的RadioButton和Checkbox，本地作用域只包含元素值的平面文本，根本不包含对象。

全局作用域似乎确实包含完整的对象。但我不愿引用本地以外的内容，而且似乎必须这样做是错误的。

Answer 1

下面的代码直接来自carbon-components-react库的RadioButton组件。

handleChange = evt => {
    this.props.onChange(this.props.value, this.props.name, evt);
};

来源

代码显示该事件作为第三个参数传递，紧跟在RadioButton组件的值和name道具的内容之后。

handleChange(value, name, event) {
        console.log(event)
        const {type, checked} = event.target // Should not be needed anymore.
        this.setState({[name]: value})
}