必须要会的50个React面试题

事件参数重包含一组特定于事件的属性。每个事件类型都包含自己的属性和行为，只能通过其事件处理程序访问。

23. 如何在React中创建一个事件？

class Display extends React.Component({     
    show(evt) { 
        // code    
    },    
    render() {       
        // Render the div with an onClick prop (value is a function)         
        return (             
            <div onClick={this.show}>Click Me!</div> 
        );     
    } 
}); 

24. React中的合成事件是什么？

合成事件是围绕浏览器原生事件充当跨浏览器包装器的对象。它们将不同浏览器的行为合并为一个 API。这样做是为了确保事件在不同浏览器中显示一致的属性。

25. 你对 React 的 refs 有什么了解？

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

class ReferenceDemo extends React.Component{ 
     display() { 
         const name = this.inputDemo.value; 
         document.getElementById('disp').innerHTML = name; 
     } 
render() { 
    return(         
          <div> 
            Name: <input type="text" ref={input => this.inputDemo = input} /> 
            <button name="Click" onClick={this.display}>Click</button>             
            <h2>Hello <span id="disp"></span> !!!</h2> 
          </div> 
    ); 
   } 
 } 

26. 列出一些应该使用 Refs 的情况。

以下是应该使用 refs 的情况：

• 需要管理焦点、选择文本或媒体播放时
• 触发式动画
• 与第三方 DOM 库集成

27. 如何模块化 React 中的代码？

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!