鍍金池/ 問答/HTML/ react 組件的寫法問題疑問

react 組件的寫法問題疑問

問題描述

react 組件的寫法問題疑問 ?

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

無狀態(tài)組件 是否需要寫return ,看到別人代碼不帶return 可以 ,我不帶就報(bào)錯(cuò)
https://www.cnblogs.com/SamWe...

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
export const Home = ()=>{

return (
        <div>
            <h1>企業(yè)網(wǎng)站</h1>
            <nav>
                <Link to='/about'>關(guān)于我們</Link>
                <Link to='/events'>企業(yè)事件</Link>
                <Link to='/products'>公司產(chǎn)品</Link>
                <Link to='/contact'>聯(lián)系我們</Link>
            </nav>
        </div>
    )

}

==============
別人的寫法 (不帶return)
export const Home = ()=>{

        <div>
            <h1>企業(yè)網(wǎng)站</h1>
            <nav>
                <Link to='/about'>關(guān)于我們</Link>
                <Link to='/events'>企業(yè)事件</Link>
                <Link to='/products'>公司產(chǎn)品</Link>
                <Link to='/contact'>聯(lián)系我們</Link>
            </nav>
        </div>

}

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

到底帶還是不帶呢?

回答
編輯回答
懶豬

你看錯(cuò)了吧? 人家是用的箭頭函數(shù)特性 箭頭后面后面不是 {} 而是 (),相當(dāng)于直接return ()了

export const Home = () => (

        <div>
            <h1>企業(yè)網(wǎng)站</h1>
            <nav>
                <Link to='/about'>關(guān)于我們</Link>
                <Link to='/events'>企業(yè)事件</Link>
                <Link to='/products'>公司產(chǎn)品</Link>
                <Link to='/contact'>聯(lián)系我們</Link>
            </nav>
        </div>
)
2018年2月16日 04:33