Как я могу получить импорт для работы в JavaScript? - PullRequest
Новая
       5

Как я могу получить импорт для работы в JavaScript?

0 голосов
/ 08 января 2019

Я пытаюсь добавить аккордеон на свой сайт с помощью этого урока: https://github.com/springload/react-accessible-accordion

Я следовал их инструкциям и установил пакет. Затем я помещаю их код в файл accordion.js, который помещаю в html, используя src.

Вот код в accordion.js, однако я получаю неожиданный идентификатор ошибки для строки импорта. Есть идеи, что не так? 

import React from 'react';
import ReactDOM from 'react-dom';

import {
    Accordion,
    AccordionItem,
    AccordionItemTitle,
    AccordionItemBody,
} from 'react-accessible-accordion';

// Demo styles, see 'Styles' section below for some notes on use.
import 'react-accessible-accordion/dist/fancy-example.css';

const Example = () => (
    <Accordion>
        <AccordionItem>
            <AccordionItemTitle>
                <h3>Simple title</h3>
            </AccordionItemTitle>
            <AccordionItemBody>
                <p>Body content</p>
            </AccordionItemBody>
        </AccordionItem>
        <AccordionItem>
            <AccordionItemTitle>
                <h3>Complex title</h3>
                <div>With a bit of description</div>
            </AccordionItemTitle>
            <AccordionItemBody>
                <p>Body content</p>
            </AccordionItemBody>
        </AccordionItem>
    </Accordion>
);

ReactDOM.render(<Example />, document.querySelector('[data-mount]'));

1 Ответ

0 голосов
/ 08 января 2019

Есть идеи, что не так?

Вы вставляете в свой HTML, используя src.

Модуль помечен как компонент React, вы должны import добавить его в приложение React , а не обычный HTML-документ.

...