如何通過單擊按鈕從 TextFields 和 Select 中獲取值？

Question

我使用 redux 和 material 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

然后在其他任何地方使用它，例如在文本字段或單擊按鈕后的函數調用中