                        課程
                    
                        /前端開發(fā)
                        
                            /React.JS
                        
                        /React高級(jí)教程之高階組件

B和C組件里面，B或者C都沒有定義，為什么可以調(diào)用

千里①

2019-07-30

源自：React高級(jí)教程之高階組件 2-3

關(guān)注問(wèn)題我要回答

956

操作

收起

3 回答

qq_月傾傾的思念_0 回答被采納 +2 積分
2019-08-04

不好意思，剛剛看錯(cuò)了。
老師應(yīng)該是忘記在b.js 和 c.js中寫
import A from './A';

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

lxxpsp2007
2019-10-16

代碼應(yīng)該如下:

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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

家住海邊丶喜歡浪

如果不是看了你的代碼，我都不知道怎么寫了，一直報(bào)錯(cuò)，老師講的太粗略了

2019-12-22 回復(fù) 有任何疑惑可以回復(fù)我~

#2

家住海邊丶喜歡浪

import React,{Component } from 'react' import A from './A' class B extends Component { render (){ return (<div>B組件</div>) } } export default A (B) B組件這樣寫，會(huì)更清晰明了

2019-12-22 回復(fù) 有任何疑惑可以回復(fù)我~