前端React基础面试题10道小总结~

1.React创建安装命令

创建：npm i -g create-react-app
安装：create-react-app 项目名称

2.React优点

1. 组件化思维
2. 单向数据流
3. jsx语法方便
4. 虚拟dom节点保障优化下线
5. 市场应用广，生态丰富（插件多）

3.什么jsx语法，有什么特点？

1. JavaScript和xml（HTML）混合的一种模板语法
2. {**}书写注释
3. {}可以写js
4. class更改为className
5. 只有一个根节点
6. 数组可以包含html节点
7. 对象会自动展开

4.写一个函数组件

function App() {
    return <div>  
    </div>
}
export default App;

5.写一个类组件

import React, { Component } from 'react';
class App extends Component {
    constructor(props) {
        super(props);
        this.state = {}
    }
    render() {
        return (<div>
        </div>);
    }
}

6.React如何传递参数，子组件如何获取父组件传递参数？

1. 通过属性传递参数
2. 通过props获取父组件传入参数

7. React 如何实现双向绑定

实现一个受控组件

 <input type="text" value={this.state.msg} onChange={this.changeMsg.bind(this.changeMsg)}/>

8. 如何创建dom节点引用

1. 导入
   import {createRef} from ‘react’
2. 创建
   this.inputRef = createRef()
3. 引入
   <input ref={this.inputRef}/>
4. 访问节点
   this.inputRef.current

9.react组件如何设置默认参数

User.defaultProps = {}

10.react如何实现事件绑定？

把事件名改成驼峰式
<div onClick={this.clickHd}>