react antd select组件的值如何修改

要修改 Ant Design 的 Select 组件的值，可以通过两种方式：

1. 使用受控组件：在组件中设置一个 state，然后将 Select 的 value 属性和 state 绑定起来，这样当 state 发生变化时，Select 的值也会发生变化。当需要修改 Select 的值时，只需通过 setState 修改对应的 state 即可。

import React, { useState } from 'react';
import { Select } from 'antd';

const { Option } = Select;

function MySelect() {
  const [value, setValue] = useState('default');

  function handleChange(value) {
    setValue(value);
  }

  return (
    <Select value={value} onChange={handleChange}>
      <Option value="default">Default</Option>
      <Option value="option1">Option 1</Option>
      <Option value="option2">Option 2</Option>
    </Select>
  );
}

2. 使用 ref：在组件中使用 useRef 创建一个 ref，然后将该 ref 绑定到 Select 组件上，这样就可以通过 ref.current 修改 Select 的值。

import React, { useRef } from 'react';
import { Select } from 'antd';

const { Option } = Select;

function MySelect() {
  const selectRef = useRef(null);

  function handleClick() {
    selectRef.current.focus();
    selectRef.current.state.value = 'option1';
    selectRef.current.forceUpdate();
  }

  return (
    <>
      <Select ref={selectRef}>
        <Option value="default">Default</Option>
        <Option value="option1">Option 1</Option>
        <Option value="option2">Option 2</Option>
      </Select>
      <button onClick={handleClick}>Change Value</button>
    </>
  );
}