2017-01-03 174 views
0

我是非常新的反應,我覺得這應該是顯而易見的,但它不是。我如何包含第三方反應組件,以便可以在我自己的組件中調用?例如,我想在我的渲染函數中調用這個突出顯示器組件(https://github.com/helior/react-highlighter)。但我不知道如何實際包含它。在React中使用第三方組件

我試過把 import {Highlight} from './react-highlighter/lib/highlighter.js'; 加到我的組件jsx文件的頂部,但是我得到一個錯誤,需要的沒有定義。

+0

我不知道,我相信你。如果你「輸入」而不是「輸入」,那麼你根本不應該看到那個錯誤。 –

+0

您應該可以通過執行'react-highlighter''中的import {Highlight}來導入它。你真的安裝了嗎? –

+0

我下載了這些文件...是否還有其他需要安裝的文件? – Julie

回答

0

望着反應熒光筆庫(https://github.com/helior/react-highlighter),它表明:

var Highlight = require('react-highlighter');

現在你正在做的import { Highlight }這是不正確

這是正確方式,請注意,這是相同ES6這樣說:

import Highlight from 'react-highlighter';