react中使用ref报错

Question

var MyComponent = React.createClass({   handleClick: function() {     this.refs.myTextInput.focus();   },   render: function() {    return (       <div>         <input type="text" ref="myTextInput" />         <input type="button" value="Focus the text input" onClick={this.handleClick} />       </div>     );   } }); ReactDOM.render(   <MyComponent />,   document.body );通过用this.refs.myTextInput.focus();,可是页面没有效果,提示错误:Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded  (details: https://fb.me/react-refs-must-have-owner).求指导,谢谢

Answer 1

亲测没有问题;
这类的报错一般出现在没有使用render的component里面，比如下面这样：

const Comp = ({test}) => {    return (        <div ref="error">assdfas</div>
    )
}

你这里的写法是没有问题，接下来需要确认一下你的react的版本，也就是这个原因 ‘you have multiple copies of React loaded’