ant-design/components/select/demo/label-in-value.md
2016-05-19 18:05:35 +08:00

728 B
Raw Blame History

order title
10 获得选项的文本

默认情况下 onChange 里只能拿到 value如果需要拿到选中的节点文本 label可以使用 labelInValue 属性。

选中项的 label 会被包装到 value 中传递给 onChange 等函数,此时 value 是一个对象。

import { Select } from 'antd';
const Option = Select.Option;

function handleChange(value) {
  console.log(value);  // { key: "lucy", label: "Lucy (101)" }
}

ReactDOM.render(
  <div>
    <Select labelInValue defaultValue={{ key: 'lucy' }} style={{ width: 120 }} onChange={handleChange}>
      <Option value="jack">Jack (100)</Option>
      <Option value="lucy">Lucy (101)</Option>
    </Select>
  </div>
, mountNode);