想要将数据从父组件传递到子组件

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