react学习(18)createRef形式的ref

简介: react学习(18)createRef形式的ref
<script type="text/babel">
        class Demo extends React.Component {
   
            myRef = React.createRef();
            render(){
   
                return (
                    <div>
                        <input type='text' ref={
   this.myRef}/>
                        <button onClick={
   this.showDemo}>点击显示内容</button>
                    </div>
                )
            }
            showDemo=()=>{
   
                alert(this.myRef.current.value);
            }
        }
        ReactDOM.render(<Demo/>,document.getElementById('test'))
    </script>

1:React.createRef调用之后会返回一个容器,该容器可以存储被ref标识的节点,但是要注意,只能一个容器存放一个。

相关文章
|
1天前
|
前端开发
react学习(17)回调形式的ref
react学习(17)回调形式的ref
|
1天前
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props
|
2天前
|
前端开发 JavaScript
react学习(13)props
react学习(13)props
|
1天前
|
前端开发
react学习(14)类式组件的构造器与props
react学习(14)类式组件的构造器与props
|
5天前
|
前端开发 JavaScript 中间件
react学习(11)
react学习(11)
|
5天前
|
前端开发 JavaScript
react学习(10)
react学习(10)
|
6天前
|
前端开发
react学习(9)
react学习(9)
|
5天前
|
前端开发
react学习(12)
react学习(12)
|
1月前
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
39 0
|
2月前
|
前端开发 JavaScript Java
React 速通笔记
【7月更文挑战第17天】
35 1