React 相关问题

2021年最后一考9:15开考

react 优点有？

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

什么是jsx语法，有什么特点？

javascript和xml（html）混合一种模板语法

• { }书写js
• {/**/}书写注释
• class更改为className
• 只有一个根节点
• 数组可以包含html节点，
• 对象会自动展开

写一个react函数组件

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

写一个react 类组件

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

react如何传递参数，子组件如何获取父组件传入数据

• 通过属性传递参数
• 通过props获取父组件传入参数

react如何实现表单双向绑定

• 实现一个受控组件

<input value={this.state.msg} onChange={this.changeMsg}>

react如何创建dom节点引用的

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

react如何实现事件绑定？

把事件名改成驼峰式

<div onClick={this.clickHd}>

react 组件如何设置默认参数

User.defaultProps = {}

react脚手架安装命令是？创建命令是？

npm i -g create-react-app
create-react-app 项目名称