问题描述

select使用labelInValue如何在初始化和选择选项后，显示text部分内容

代码连接：

https://codesandbox.io/s/q89q...

相关代码

class Com extends React.Component {
  state = {
    value: {
      key: "1",
      label: "Jack"
    }
  };
  handleChange = value => {
    this.setState({
      value: {
        key: value.key,
        label: value.label
      }
    });
  };
  render() {
    return (
      <Select
        labelInValue
        value={{
          key: this.state.value.key,
          label: this.state.value.label
        }}
        style={{ width: 120 }}
        dropdownStyle={{
          width: 200
        }}
        onChange={this.handleChange}
      >
        <Option value="1" text="Jack">
          Jack (100)
        </Option>
        <Option value="2" text="Lucy">
          Lucy (101)
        </Option>
      </Select>
    );
  }
}

你期待的结果是什么？

希望初始化时候显示Jack而不是Jack (100)，在选择后显示Jack或Lucy而不是Jack (100)或Lucy（100）