React -从select/下拉菜单中导入组件

Question

我想导入并显示一个组件，这取决于你从表单中选择什么，选择。如果输出值，我已经得到了选择工作，但是我如何导入组件并输出它?

我有一个useState与comp, setComp从选择中获得一个值，这样就可以工作了。但是，我怎么让这部分工作…

if(value==="xxxx"){
import("./xxxx.js")
setComponent(value)
} else if(value==="yyyy"){
import("./yyyy.js")
setComponent(value)
} 

}

在原始表单标签的代码中，我想要输出我所选择的组件。

Answer 1

'import'和'export'可能只出现在顶层

如果你想用条件渲染来呈现一个组件，你需要做这样的事情:

export default function App() {
return (
<div className="App">
{true ? <Xxxx /> : null}
</div>
);
}

如果想在运行时导入组件，你可能想使用延迟加载。查看下面的代码，从react

拆分文档