a-select defaultValue="默認選項">

2、設置value屬性

a-select value="默認選項">

a-select>
  
  

在getFieldDecorator方法中，我們通過配置initialValue屬性來設置a-select的默認值。當我們在表單提交的時候，getFieldValue方法便可以獲取到當前選中的值。

import React, { useState } from 'react'; import { Select } from 'antd'; function MyComponent(props) { const [defaultValue, setDefaultValue] = useState('1'); function handleChange(value) { setDefaultValue(value); } return ( 選項1 選項2 選項3 ); }

在上述例子中，我們通過useState Hook來創建一個名為defaultValue的狀態變量，并將初始值設置為"1"。當用戶選擇其他選項時，handleChange函數會觸發并更新defaultValue狀態變量，從而實現動態的默認值設置。

import React, { Component } from 'react'; import { Select } from 'antd'; import { connect } from 'react-redux'; class MyComponent extends Component { handleChange = (value) => { const { dispatch } = this.props; dispatch({ type: 'updateDefaultValue', payload: value, }); } render() { const { defaultValue } = this.props; return ( 選項1 選項2 選項3 ); } } function mapStateToProps(state) { const { defaultValue } = state; return { defaultValue, }; } export default connect(mapStateToProps)(MyComponent);

在上述例子中，我們首先使用connect方法連接MyComponent組件和redux的store。然后，通過mapStateToProps方法將store中的defaultValue屬性映射到MyComponent組件的props屬性中。在handleChange方法中，我們通過dispatch方法派發一個type為"updateDefaultValue"的action，payload為用戶選擇的value值，從而觸發store中的reducer更新defaultValue屬性。最后，我們使用Select組件來展示選項列表，并設置defaultValue屬性為props中的defaultValue屬性。