根据官方文档敲的时候报了下面这个错误
代码块
// 使用 ref 去存储 DOM 节点的引用
class CustomTextInput extends React.Compnent {
constructor(props) {
// console.log("props", props);
super(props);
//创建一个ref来存储textInput的DOM元素
this.textInput = React.createRef();
this.focusTextInput = this.focusTextInput.bind(this);
}
focusTextInput() {
//直接使用原生API使text输入框获得焦点
// 注意:我们通过“current”来访问dom节点
this.textInput.current.focus();
}
render() {
//告诉React 我们想把<input> ref关联到 构造器里创建的`textInput` 上
return (
<div>
<input type="text" ref={this.textInput} />
<input
type="button"
value="focus the text input"
onClick={this.focusTextInput}
/>
</div>
);
}
}
ReactDOM.render(<CustomTextInput />, document.getElementById("test"));
报错原因:语法错误引起
应改成:
class CustomTextInput extends React.Component {}