必须要会的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组件生命周期的阶段是什么？

（编辑：湖南网）

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