無狀態的功能部件和`react`進口

Question

我面臨着同樣的問題，因爲這裏所描述 https://github.com/babel/babel/issues/2504

所以，它只有無狀態組件的任何文件都需要有react進口同類import React from 'react';，這是有點討厭（eslint給出錯誤作爲未使用的變量;據我瞭解可以被壓制，仍然..）。有沒有辦法避免在基於webpack的設置中進行此導入。

謝謝。

Answer 1

我有同樣的問題。然後，我發現這一點：

babel-plugin-react-require

這將自動添加所需的require或import調用獲得'react'導入到無國籍組件模塊。

P.S.如果您使用webpack和babel6，請確保您沒有爲您的JSX文件使用jsx-loader。我得到這個錯誤，然後我意識到jsx-loader不再需要。只需使用：

babel-preset-react

Answer 2

可以使用的WebPack的ProvidePlugin（https://github.com/webpack/docs/wiki/shimming-modules#plugin-provideplugin）：

new webpack.ProvidePlugin({ 
    React: "react" 
}) 

現在，你必須每個模塊中可作出反應，而不必明確寫入import React from 'react'