修復無法顯示的錯誤：物件無法作為 React 的子項

這個錯誤可能是因為你有一個 React 组件，並在 JSX 中渲染了一個 prop，像是這樣的，但在初始化組件參數時忘記對 prop 解構：

1
2
3

function MyComponent(test) {
  return <p>{test}</p>
}

你應該這樣做：

1
2
3

function MyComponent({ test }) {
  return <p>{test}</p>
}

這個組件接收到一個 props 物件，我們通常使用物件解構將 props “映射” 到變數上，就像我們的範例中的 {test} 那樣。

tags: [“React”, “JSX”, “角括號”, “解構赋值”]