我正在使用React js开发一个应用程序,我有一个问题是检查目录中是否存在特定文件。 实际上我有一个标题组件,即Header.js和它的公共标题。但对于一些客户,我必须根据他们的要求更改标题。我通过创建一个具有客户端ID的文件夹,然后在该目录中存储该客户端的新标头组件来完成此操作。现在我检查运行时是否存在特定客户端的标头,然后显示该客户端的特定标头,否则为公共标头。我还必须根据他们的要求为某些特定的特定客户制作一些其他客户特定组件,例如页脚,旁边或部分等。但我无法检查是否存在特定的组件/文件?
答案 0 :(得分:8)
您可以尝试要求您的文件,然后根据结果显示正确的组件。
const tryRequire = (path) => {
try {
return require(`${path}`);
} catch (err) {
return null;
}
};
然后使用它:
render() {
const Header = tryRequire('yourPath') ? tryRequire('yourPath').default
: DefaultHeader;
return (
<Header />
);
}