有关react的一些问题解答（一）

1、react 优点有?

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

2.什么是jsx语法，有什么特点?

'javascript`和xml (html)混合一种模板语法

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

3.写一个react函数组件

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

4.写一个react类组件

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

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

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

6.react如何实现表单双向绑定

• 实现一个受控组件

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

7. react如何创建dom节点引用的

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

8.react如何实现事件绑定?

把事件名改成驼峰式

<div onClick={this.clickHd}>

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

User.defaultProps ={ }

10、react脚手架安装命令是?创建命令是?

安装命令

npm i -g create-react-app

创建命令

create-react-app 项目名称

下一篇