必须要会的50个React面试题

一些最重要的生命周期要领是：

1. componentWillMount() – 在渲染之前执行，在客户端和处事器端城市执行。
2. componentDidMount() – 仅在第一次渲染后在客户端执行。
3. componentWillReceiveProps() – 当从父类吸取到 props 而且在挪用另一个渲染器之前挪用。
4. shouldComponentUpdate() – 按照特定前提返回 true 或 false。假如你但愿更新组件，请返回true 不然返回 false。默认环境下，它返回 false。
5. componentWillUpdate() – 在 DOM 中举办渲染之前挪用。
6. componentDidUpdate() – 在渲染产生后当即挪用。
7. componentWillUnmount() – 从 DOM 卸载组件后挪用。用于整理内存空间。

22. React中的变乱是什么？

在 React 中，变乱是对鼠标悬停、鼠标单击、按键等特定操纵的触发回响。处理赏罚这些变乱相同于处理赏罚 DOM 元素中的变乱。可是有一些语法差别，如：

1. 用驼峰定名法对变乱定名而不是仅行使小写字母。
2. 变乱作为函数而不是字符勾串报。

变乱参数重包括一组特定于变乱的属性。每个变乱范例都包括本身的属性和举动，只能通过其变乱处理赏罚措施会见。

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 中的代码？

（编辑：湖南网）

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