babeljs - 巴贝尔错误: JSX value should be either an expression or a quoted JSX text

Question

当我尝试将 JSX 代码编译为 JS 时，我收到来自 Babel 的错误。我是新来使用react的，所以如果这是一个明显的问题，我深表歉意，我无法找到任何似乎相关的内容。我尝试在这段代码中使用 props，并将 pageTitle 属性传递给我的 FieldContainer 组件。但这给我带来了一个问题，那就是代码不能编译为 JS。我在搜索中发现 prop 值应该在 {} 之间传递，但添加这些并没有帮助。有任何想法吗？谢谢!

Answer 1

很难告诉你在这里要做什么，但正如错误所示，属性的值必须是表达式 {foo} 或引用的文本 "foo".

在这种情况下

Child={<LoginForm />}

或

Child={LoginForm}

可能就是您想要的。