react获取常规的select和antd的Select的选中值2种方式

时间:2025-04-22 21:19:33

antd版本:4.16.13

react版本:17.0.2

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

const {Option} = Select
export default class Test extends Component {


//用onChange方法先保存select值
    handleSelect=(value) => {
        //(`selected ${value}`);
        this.selectValue2=value 
    }

    getSelect=() => {
        let select= //更早之前的react版本是let select=
        ("普通select:",select);

        let select2=this.selectValue2?this.selectValue2:"lucy"
        ("antd 的select:",select2);
    }
    render() {
        return (
            <div>
                <select ref={s=>=s}>
                    <option value={1} >1</option>
                    <option value={2} >2</option>
                    <option value={3} >3</option>
                </select>

                <Select defaultValue="lucy" onChange={} style={{width:"200px"}}>
                    <Option value="jack">Jack</Option>
                    <Option value="lucy">Lucy</Option>
                    <Option value="Yiminghe">yiminghe</Option>
                </Select>

                <button onClick={}>获取select选中值</button>
            </div>
        )
    }
}