如何在控制檯中需要React組件

Question

我的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