小编Vis*_*hnu的帖子

我在我的反应应用程序中导入了四个组件.我如何有条件地渲染其中一个组件(基于道具).这就是我想要做的

<ReactSVGPanZoom
      //switch(this.props.Selected){
      // case '1': render <ComponentOne/>; break;
      // case '2': render <ComponentTwo/>; break;
      // case '3': render <ComponentThree/>; break;
      // case '4': render <ComponentFour/>; break;
      // default: render <ComponentOne/>
        }
</ReactSVGPanZoom>

我需要在我的反应应用程序中显示一些数据（主要是文本）。数据更像是指南，不会经常更改。因此，将其存储到数据库对我来说没有意义。有哪些方法可以将其存储在前端？

我做了什么： 我正在考虑将此数据放入 markdown 文件中，获取此异步数据，然后在渲染时将其转换为 JSON。（我正在使用这个库）进行转换。

有没有其他方法可以做到这一点而不需要直接将所有信息直接放入代码中？我可以使用 JSON，但需要开发人员根据需要更改数据。即使数据不会因用户交互而改变，也应该为不了解 JSON/编码的人提供一个可以在以后更新数据的规定。所以基本上我需要避免依赖开发人员进行数据更改。实现这一目标的推荐方法是什么？

我正在将我的反应应用程序迁移到打字稿。它现在工作正常，但是在添加打字稿编译器并将文件重命名为 .ts 和 .tsx 后，找不到它的投掷模块。任何线索都会有所帮助。我有以下目录结构。

| src
  | select.tsx
  | index.ts
  | WindowedSelect.tsx
  | MenuList.tsx
| demo
  | index.tsx
| webpack.config.demo.js
| webpack.config.js
| tsconfig.json
| package.json

我运行 demo/index ( webpack.config.demo)npm start命令和 src/index.tsx (webpack.config) for npm run build. 但是在两者中都没有找到 Moddule Not found 错误。

错误（npm 启动）：

ERROR in ./demo/index.tsx
Module not found: Error: Can't resolve '../src/WindowedSelect'

错误（npm 运行构建）：

ERROR in ./src/index.ts
Module not found: Error: Can't resolve './MenuList'

ERROR in ./src/index.ts
Module not found: Error: Can't resolve …