2 回答

TA貢獻1829條經驗 獲得超13個贊
據我所知,這實際上是一個 babel 編譯錯誤。我建議內聯 JSX 或將這些位提取到實際功能組件中:
// 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。
您也可以調用此答案中共享的函數,但這種方法實際上沒有任何好處。

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