1、我们书写 JSX 的时候一般都会带上换行和缩进,这样可以增强代码的可读性。与此同时,我们同样推荐在 JSX 代码的外面扩上一个小括号,这样可以防止 分号自动插入 的 bug。
2、函数定义组件,类定义组件
函数组件是只能接受props展示组件,性能更好,函数组件不需要考虑组件状态和组件生命周期方法中的各种比较校验
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
和类定义相同
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
实例
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
const element = <Welcome name="Sara" />;
ReactDOM.render(
element,
document.getElementById('root')
);
3、组件名称必须以大写字母开头。
例如,<div /> 表示一个DOM标签,但 <Welcome /> 表示一个组件,并且在使用该组件时你必须定义或引入它。
4、Table加rowkey
<Table
bordered
rowKey={record => record.id}
columns={columns}
dataSource={data}
pagination={false}
/>
网友评论