不变违规：参数似乎不是 ReactComponent

Question

我需要找到组件的 offsetLeft。

componentDidMount(){
        var tesNo =ReactDOM.findDOMNode(this.refs.dropDown.refs.input.offsetLeft)

    }
<ReactAutocomplete
    ref="dropDown"
   /*.......*/
/>

在调试时我得到了变量 tesNo 的值。之后我得到了这个错误：

考虑向树中添加错误边界以自定义错误处理行为。访问 this site 以了解有关错误边界的更多信息。不变违规：参数似乎不是 ReactComponent

如何解决这个错误？

Answer 1

自己找到答案。

由于我使用的是 react version: "^16.3.2" ，所以我使用了 createRef() API.

class Patient extends React.Component{
constructor(props){
    super(props)
    this.state = {
      postn:0
    }
this.dropDown=React.createRef()
}
componentDidMount(){
    let left = this.dropDown.current.refs.input.offsetLeft;
        this.setState({postn:left})
}
<ReactAutocomplete
    ref={this.dropDown}
   /*.......*/
/>
}

不变违规：参数似乎不是 ReactComponent

Invariant Violation: Argument appears to not be a ReactComponent

dom-node

reactjs

redux