2 回答

TA貢獻(xiàn)1829條經(jīng)驗 獲得超13個贊
據(jù)我所知,這實際上是一個 babel 編譯錯誤。我建議內(nèi)聯(lián) JSX 或?qū)⑦@些位提取到實際功能組件中:
// inline the JSX
export class Dashboard extends React.Component {
render() {
return (
<div className="h-100">
<div>
<div>Hello World</div>
</div>
</div>
);
}
}
// extract to components
export class Dashboard extends React.Component {
render() {
return(<div className="h-100">
<ConnectionPannel />
</div>);
}
}
function ConnectionPannel() {
return (
<div>
<LoginTextBox />
</div>
)
}
function LoginTextBox() {
return <div>Hello World</div>
}
在那種情況下,您還需要將東西作為道具傳遞。這可以說是更慣用的 React。
您也可以調(diào)用此答案中共享的函數(shù),但這種方法實際上沒有任何好處。

TA貢獻(xiàn)1795條經(jīng)驗 獲得超7個贊
你應(yīng)該更新功能
connectionPannel = () => {
return(<div>
{this.loginTextBox()}
</div>)
}
添加回答
舉報