[英]How can i get import to work in javascript?
i'm trying to add an accordion to my site using this tutorial: https://github.com/springload/react-accessible-accordion 我正在尝试使用本教程将手风琴添加到我的网站: https : //github.com/springload/react-accessible-accordion
I followed their instructions and installed the package. 我按照他们的说明安装了该软件包。 Then i put their code into a file called accordion.js which i put into my html using src.
然后,我将他们的代码放入名为Accordion.js的文件中,并使用src将其放入html中。
Here is the code in accordion.js, however i get the error unexpected identifier for the import line. 这是Accordion.js中的代码,但是我得到了导入行的错误意外标识符。 Any idea what is going wrong?
知道出了什么问题吗?
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]'));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.