Javascript get refs antd组件如何选择antd的值?

Javascript get refs antd组件如何选择antd的值?,javascript,reactjs,components,antd,Javascript,Reactjs,Components,Antd,我尝试使用最新版本的antd(3.10.0)和react(16.5.2) 我使用ref的新方法,根据 当它撕裂时,应该像: rend(){ <Select style={{ width: 200 }} ref={this.myRef}> {Object.entries(this.state.catedict) .map(en => <Option

我尝试使用最新版本的antd(3.10.0)和react(16.5.2)

我使用ref的新方法,根据

当它撕裂时,应该像:

rend(){
                    <Select style={{ width: 200 }} ref={this.myRef}>
                    {Object.entries(this.state.catedict)
                        .map(en => <Option key={en[0]}>{en[1]}</Option>)}
                </Select>
}
但只会得到错误的结果

我甚至发现:

console.log(this.myRef.current);
结果是:

t {props: {…}, context: {…}, refs: {…}, updater: {…}, saveSelect: ƒ, …}
context: {}
props: {style: {…}, children: Array(2), prefixCls: "ant-select", showSearch: false, transitionName: "slide-up", …}
rcSelect: t {props: {…}, context: {…}, refs: {…}, updater: {…}, onInputChange: ƒ, …}
refs: {}
renderSelect: ƒ (n)
saveSelect: ƒ (n)
state: null
updater: {isMounted: ƒ, enqueueSetState: ƒ, enqueueReplaceState: ƒ, enqueueForceUpdate: ƒ}
_reactInternalFiber: Na {tag: 2, key: null, type: ƒ, stateNode: t, return: Na, …}
__proto__: v

我想给出Select的值。我该怎么做?

保存每次更改时选择的
值!想用的时候就用

<Select style={{ width: 200 }} onChange={(value)=>{
    this.selectValue = value;
}}>

您可以通过ref获得它,antd select是rc select的hoc,如果您想要获得值,您仍然可以通过ref.rcSelect获得它

`the react dom`
<Select ref={r => this.ctryListRef = r} />

`the js code`
console.log(this.ctryListRef.rcSelect.state.value)
`react dom`
this.ctryListRef=r}/>
`js代码`
log(this.ctryListRef.rcSelect.state.value)
通过rcSelect.state.value,可以获得该值

此外,您可以获得antd textArea值,这只是另一个hoc值~

<Select style={{ width: 200 }} onChange={(value)=>{
    this.selectValue = value;
}}>
console.log('Select Value', this.selectValue)
`the react dom`
<Select ref={r => this.ctryListRef = r} />

`the js code`
console.log(this.ctryListRef.rcSelect.state.value)