必须要会的50个React面试题

Props 是 React 中属性的简写。它们是只读组件，必须保持纯，即不可变。它们总是在整个应用中从父组件传递到子组件。子组件永远不能将 prop 送回父组件。这有助于维护单向数据流，通常用于呈现动态生成的数据。

15. React中的状态是什么？它是如何使用的？

状态是 React 组件的核心，是数据的来源，必须尽可能简单。基本上状态是确定组件呈现和行为的对象。与props 不同，它们是可变的，并创建动态和交互式组件。可以通过 this.state() 访问它们。

16. 区分状态和 props

17. 如何更新组件的状态？

可以用 this.setState()更新组件的状态。

class MyComponent extends React.Component { 
    constructor() { 
        super(); 
        this.state = { 
            name: 'Maxx', 
            id: '101' 
        } 
    } 
    render() 
        { 
            setTimeout(()=>{this.setState({name:'Jaeha', id:'222'})},2000) 
            return (               
                <div> 
                    <h1>Hello {this.state.name}</h1> 
                    <h2>Your Id is {this.state.id}</h2> 
                </div> 
            ); 
        } 
    } 
ReactDOM.render( 
    <MyComponent/>, document.getElementById('content') 
); 

18. React 中的箭头函数是什么？怎么用？

箭头函数（=>）是用于编写函数表达式的简短语法。这些函数允许正确绑定组件的上下文，因为在 ES6 中默认下不能使用自动绑定。使用高阶函数时，箭头函数非常有用。

//General way 
render() {     
    return( 
        <MyInput onChange = {this.handleChange.bind(this) } /> 
    ); 
} 
//With Arrow Function 
render() {   
    return( 
        <MyInput onChange = { (e)=>this.handleOnChange(e) } /> 
    ); 
} 

19. 区分有状态和无状态组件。

20. React组件生命周期的阶段是什么？

（编辑：衡阳站长网）

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