在React中使用第三方组件

Question

我很反应，我觉得这对我来说应该是显而易见的，但事实并非如此。如何包含第三方反应组件，以便我可以在我自己的组件内部调用？例如，我想在我的渲染函数中调用这个荧光笔组件（https://github.com/helior/react-highlighter）。但我不知道如何实际包含它。

我尝试过添加 import {Highlight} from './react-highlighter/lib/highlighter.js'; 到我的组件jsx文件的顶部，但我得到一个错误，需要没有定义。

Answer 1

查看反应荧光笔库（https://github.com/helior/react-highlighter），它显示：

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

现在你正在import { Highlight } 不正确。

这是正确的方式，请注意，这与在ES6中说这个相同：

import Highlight from 'react-highlighter';