javascript - react JS : Pass event inside onChange drop down (Ant Design)

Question

我的表单中有一个下拉列表 ( https://ant.design/components/select )。在这个选择下拉列表中，我有 onChange 来调用一个函数。在“onChange”中，我想将事件作为参数传递给我的函数。问题是:当 onChange 发生时，只传递选定的值，但我想要整个事件。

代码如下:

export default class MyForm extends Component {
    constructor() {
        super();

        this.handleOnChange = this.handleOnChange.bind(this);
    }

    handleOnChange = (event) => {
        console.log(event); // here I'm receiving only the value selected (1 or 2)
    }

    render() {
        render(
           <Form>
              <Select onChange={this.handleOnChange}>

                      <Option value="1">text 1</Option>
                      <Option value="2">text 2</Option>
              </Select>
           </Form>
        )
    }
}

在 console.log() 中，我只收到选定的值。有没有办法将整个事件对象传递给函数 handleOnChange()？

Answer 1

我找到了一个解决方案。只需使用:onSelect()，传递值和事件。

handleOnChange = (value, event) => {
        ...code here        
}

    render() {
        render(
           <Form>
              <Select onSelect={(value, event) => this.handleOnChange(value, event)}>

                      <Option value="1">text 1</Option>
                      <Option value="2">text 2</Option>
              </Select>
           </Form>
        )
    }