1.export default class App extends Component<Props> 与 export default class App extends React.Component 写法的区别
component和react.component与react包是同一个类,只在导入时有所不同。如下
import React from 'react';
export default class App extends React.Component
import React, { Component } from 'react';
export default class App extends Component
2. React class & function component 的区别
one:区别
①function component 没有state状态,所以也叫无状态组件,②function component没有生命周期,因为所有的生命周期都是继承React.Component;
two:为啥使用function comonent的原因
①function component 更容易编写阅读和测试,②代码少容易上手,③因为没有状态,可以更好的实现容器和表现的分离,可以只负责表现层的逻辑,不用考虑因为复杂的逻辑去改变状态从而带来的麻烦,有利于代码复用,④react团队提倡使用
three:为啥用React.Commponent的原因(class component 还是不可替代的原因)
①当需要实现一些容器组件的时候,需要改变内部状态来实现自组件的改变的时候,②当需要用到生命周期钩子函数实现一些功能的时候,③我们需要提升性能时,继承React.PureComponent 类,自动调用shouldComponentUpdate等得时候
3. antd + react实现表单有警告
解决办法:去掉下面的红色代码即可,