Использование сторонних компонентов в реактиве

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';