javascript - 如何在控制台中需要 React 组件

Question

这个问题已经有答案了:

How do I require() from the console using webpack? (10 个回答)

已关闭 5 年前。

我的 React 应用程序与 Webpack 捆绑在一起，我想将组件构造函数导入到控制台进行调试。如果可能的话，将模块导入控制台的语法是什么。

Answer 1

不明白为什么你需要它，但你可以这样做:

window.testing_one = (params) => {
  ReactDOM.render(
    <App {...params} />,
    document.getElementById('root')
  );
};

然后您可以在控制台中手动调用 testing_one({some: 'params'});。

更好的方法是在测试环境中进行测试，您可以更轻松地做同样的事情。看到类似:https://medium.com/selleo/testing-react-components-best-practices-2f77ac302d12