想在 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>
);