我正在使用react select开发react.js应用程序，我使用该应用程序创建了一个下拉菜单，单击菜单中的某个项目时，我希望将该项目传递给一个函数，该函数稍后连接到redux store。我如何从react select中使用的组件访问数据？
这是我的代码，可以给你更多的参考。

const Option = (props) => {
  return (
    <components.Option {...props} >
      <div>{props.data.api}</div>
      <div style={{ fontSize: 12 }}>{props.data.group}</div>
    </components.Option>
  );
};

上面的代码是我的 Option 组件，该组件在下面用于渲染 Select Menu .

return (
      <StyledForm id="form_container">
        <Grid>
          <Grid.Row>
            <Grid.Column width={3}>
              <input
                label="Client Name"
                value={this.props.clientName}
                onChange={this.setClientName}
              />
               <Select options={this.props.clientGrantList} components={{ Option }} onChange={()=>this.addApiGrants(//how to pass data)} />
            </Grid.Column>

这是我的ui组件，其中显示选择菜单。
在下面的行中 addApiGrants 我想传入选择选项数据的函数。我怎么做？

<Select options={this.props.clientGrantList} components={{ Option }} onChange={()=>this.addApiGrants(//how to pass data)} />

谢谢