想在 reactjs 中將數據從父組件傳遞給子組件

Question

下面給出的代碼返回一個錯誤。 我不明白出了什么問題。 任何人都可以幫助我解決問題嗎？

這是代碼的屏幕截圖

而錯誤是...

Answer 1

您收到此錯誤是因為在return之后，您沒有返回或開始返回任何內容。 當您想在渲染方法中返回多個 JSX 行時，請使用括號。 代替：

return
    <div>
        <span>Something</span>
    </div>

用：

return (
    <div>
        <span>Something</span>
    </div>
);

或者在您return后立即從 JSX 部分開始：

return <div>
          <span>Foo</span>
      </div>;

Answer 2

在 React 中，建議在 HTML 周圍使用括號，同時將其作為 JSX 元素返回。

更新您的render塊如下...

return (
    <div>
        <span>Something</span>
    </div>
);