B和C组件里面,B或者C都没有定义,为什么可以调用
不好意思,刚刚看错了。
老师应该是忘记在b.js 和 c.js中 写
import A from './A';
代码应该如下:
A.js
import React, {PureComponent} from 'react' export default WrapperComponent => class extends PureComponent { render() { return ( <div className="App"> <div className="title">提示</div> <WrapperComponent></WrapperComponent> </div> ); } };
B.js 与 C.js 代码逻辑基本一样
import React, {PureComponent} from 'react' import A from './A'; export default A( class extends PureComponent { render() { return (<div>B组件</div>); } } );
App.js
import React from 'react'; import B from './components/B' import C from './components/C' import './App.css' function App() { return ( <div className="main"> <B></B> <C></C> </div> ); } export default App;
b和c组件作为参数传递给A函数
a函数 返回一个组件,其中将调用的参数 (此处是组件b或者c)进行渲染