你对 React 的 refs 有什么了解？

轩辕小不懂发布于 2022-07-16 14:40

阅读 531

答案 1

分类：WEB前端开发

React

编程论坛

3951

Nen 2022-07-16 14:47

- 程序员

Refs 是 React 中引用的简写。它是一个有助于存储对特定的 React 元素或组件的引用的属性，它将由组件渲染配置函数返回。用于对 render() 返回的特定元素或组件的引用。当需要进行 DOM 测量或向组件添加方法时，它们会派上用场。

1class ReferenceDemo extends React.Component{

2 display() {

3 const name = this.inputDemo.value;

4 document.getElementById('disp').innerHTML = name;

5 }

6render() {

7 return(

8 <div>

9 Name: <input type="text" ref={input => this.inputDemo = input} />

10 <button name="Click" onClick={this.display}>Click</button>

11 <h2>Hello <span id="disp"></span> !!!</h2>

12 </div>

13 );

14 }

15 }

1 关注

提出于 2022-07-16 14:40

全部

531 阅读

531 阅读

531 阅读

531 阅读

531 阅读

531 阅读