在React中使用第三方组件

Question

我是个新手，对此我感到很明显，但事实并非如此。 如何包含第三方响应组件，以便可以在自己的组件内部调用？ 例如，我想在渲染函数中调用此荧光笔组件（ https://github.com/helior/react-highlighter ）。 但是我不知道如何实际包含它。

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

Answer 1

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

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

现在，您正在执行import { Highlight }这是不正确的 。

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

import Highlight from 'react-highlighter';