你如何解決這個錯誤：TS2746：這個 JSX 標籤的“children”道具需要一個“ReactNode”類型的孩子，但提供了多個孩子

我正在編寫 PatrickAlpha 的前端開發部分。我試圖讓我的標題顯示一個空白螢幕，上面寫著“你好”。這是我第一次使用打字稿……

這是我的標頭的 txs：

import { useEthers } from "@usedapp/core"



export const Header = () => {
   const {account, activateBrowserWallet, deactivate} = useEthers()

   const isConnected = account !== undefined

   return(
       <div>
           {isConnected ? (
               <button color="primary">
                   onClick={deactivate}
                   Disconnect
               </button>
           ) : (
               <button color="primary"
                   onClick={() => activateBrowserWallet()}>
                   Connect
               </button>
           )
           }
       </div>
   )
}

當我保存時，我得到：“TS2746：這個 JSX 標籤的 'children' 屬性需要一個 'ReactNode' 類型的子級，但提供了多個子級。”


問題在這裡：在第 13 行| {已連接 ？( onClick={停用}


ddf


這是我為 App.tsx 提供的內容：

import React from ‘react’; import {DAppProvider, ChainId} from “@usedapp/core”

function App() { return ( <DAppProvider config={{ supportedChains: [ChainId.Kovan, ChainId.Rinkeby, ]

}}> <div> Hi </div>

</DAppProvider>

) }

export default App

```

對於標題

這不是真正適合 React 問題的論壇，但在 App 功能中，您擁有的不僅僅是 React 中不允許的頂級元素。

將它們全部包裝在另一個中，因此它是唯一的頂級元素

傻我。我應該在上面的按鈕標籤中嵌入 onClick={deactivate} 。我會在這個影片 30 秒後發現這個錯誤。

引用自：https://ethereum.stackexchange.com/questions/132049