Question

我使用redux和材料ui做反应，我需要从TextField获取数据以便订购。我有下一个代码：

<Select value={product.color_set[0].title}>
{
  product.color_set.map(item => (
    <MenuItem key={item.key} value={item.title}>{item.title}</MenuItem>
  ))
}
</Select>

此外，我还有带onClick箭头功能的按钮：

<Button raised color='primary' onClick={() => {add2Cart()}}>
  <AddBasketIcon/>Add to cart
</Button>

Answer 1

您可以在更改后获得选择的值，如下所示：

    <SelectField
      onChange={(event, key, payload) => console.log(event, key, payload)}
    >
      ...items...
    </SelectField>

http://www.material-ui.com/#/components/select-field

您可以将值

保存到React状态

https://facebook.github.io/react-vr/docs/components-props-and-state.html

然后在其他任何地方使用它，例如在单击按钮

后的文本字段或函数调用中

如何通过单击按钮从TextFields和Select中获取值？

1 个答案: