必须要会的50个React面试题

可以使用 export 和 import 属性来模块化代码。它们有助于在不同的文件中单独编写组件。

//ChildComponent.jsx 
export default class ChildComponent extends React.Component { 
    render() { 
        return(            
              <div> 
                  <h1>This is a child component</h1> 
              </div> 
        ); 
    } 
} 
  
//ParentComponent.jsx 
import ChildComponent from './childcomponent.js'; 
class ParentComponent extends React.Component {     
    render() {         
        return(            
             <div>                
                <App />           
             </div>        
        );   
    } 
} 

28. 如何在 React 中创建表单

React 表单类似于 HTML 表单。但是在 React 中，状态包含在组件的 state 属性中，并且只能通过 setState() 更新。因此元素不能直接更新它们的状态，它们的提交是由 JavaScript 函数处理的。此函数可以完全访问用户输入到表单的数据。

handleSubmit(event) { 
    alert('A name was submitted: ' + this.state.value); 
    event.preventDefault(); 
} 
  
render() { 
    return (         
        <form onSubmit={this.handleSubmit}> 
            <label> 
                Name: 
                <input type="text" value={this.state.value} onChange={this.handleSubmit} /> 
            </label> 
            <input type="submit" value="Submit" /> 
        </form> 
    ); 
} 

29. 你对受控组件和非受控组件了解多少？

30. 什么是高阶组件（HOC）？

高阶组件是重用组件逻辑的高级方法，是一种源于 React 的组件模式。 HOC 是自定义组件，在它之内包含另一个组件。它们可以接受子组件提供的任何动态，但不会修改或复制其输入组件中的任何行为。你可以认为 HOC 是“纯（Pure）”组件。

31. 你能用HOC做什么？

（编辑：西安站长网）

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