例如我可以这样做吗:
import React from 'react';
import PanelA from './panelA.jsx';
import PanelB from './panelB.jsx';
React.render(
<PanelA />
<PanelB />,
document.body
);
React会渲染到哪里:
body
PanelA
PanelB
目前我遇到了以下错误:
Adjacent JSX elements must be wrapped in an enclosing tag
当使用browserify和babelify进行转录时
document.body
中会抛出警告(尽管许多教程都是这么做的),而应该通过id选择一个元素。https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html#new-helpful-warnings - David Gilbertson{myVar}<br/>
仍然需要包装器。此外,在嵌套场景中也会出现,例如<p>{lines.map(line => ({line}<br/>))}</p>
即使存在顶级<p>
,也仍然需要一个包装器。因此,显然从JavaScript切换到嵌入式JSX时,JSX部分必须返回单个节点。请参见我的问题https://stackoverflow.com/q/75783783。 - Garret Wilson