B和C组件里面,B或者C都没有定义,为什么可以调用

来源:2-3 高阶组件介绍(3)

千里①

2019-07-30 16:02

https://img4.mukewang.com/5d3ff95f0001fc0705900437.jpgB和C组件里面,B或者C都没有定义,为什么可以调用

写回答 关注

3回答

  • qq_月倾倾的思念_0
    2019-08-04 17:46:51
    已采纳

    不好意思,刚刚看错了。
    老师应该是忘记在b.js 和 c.js中 写
    import A from './A';

  • lxxpsp2007
    2019-10-16 12:03:51

    代码应该如下:

    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;


    家住海边丶喜...

    import React,{Component } from 'react' import A from './A' class B extends Component { render (){ return (<div>B组件</div>) } } export default A (B) B组件这样写,会更清晰明了

    2019-12-22 11:50:33

    共 2 条回复 >

  • qq_月倾倾的思念_0
    2019-08-04 17:09:40

    b和c组件作为参数传递给A函数
    a函数 返回一个组件,其中将调用的参数  (此处是组件b或者c)进行渲染

React高级教程之高阶组件

运用高阶组件编写高质量React应用

14487 学习 · 33 问题

查看课程

相似问题