npm run eject 把webpack的相关配置文件暴露出来,会把所有的都添加在dependencies
Fragment和vue的template模板一样,不会渲染成标签
render() {
return (
<Fragment>
{
this.state.num? this.state.num.map(item => {
return <li key={item.key}>{item.value}</li>
}) : "暂无数据"
}
</Fragment>
)
}
高阶组件:把组件当作参数传给函数
const witch = (Compoent) => {
return class extends Component {
render() {
return (
<div>
<Compoent {...this.props} />
</div>
)
}
}
}
class ComponentName extends Component {
render() {
return (
<div>
{this.props.data}
</div>
)
}
}
const Hight = witch(ComponentName);
export default class Item1 extends Component {
render() {
return (
<div>
<Hight data="我是超人"></Hight>
</div>
)
}
}