                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React高级教程之高阶组件

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

千里①

2019-07-30

源自：React高级教程之高阶组件 2-3

关注问题我要回答

977

操作

收起

3 回答

qq_月倾倾的思念_0 回答被采纳 +2 积分
2019-08-04

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

0 回复有任何疑惑可以回复我~

收起回答

lxxpsp2007
2019-10-16

代码应该如下:

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;

2 回复有任何疑惑可以回复我~

收起回答

家住海边丶喜欢浪

如果不是看了你的代码，我都不知道怎么写了，一直报错，老师讲的太粗略了

2019-12-22 回复有任何疑惑可以回复我~

家住海边丶喜欢浪

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 回复有任何疑惑可以回复我~