反应-使用引导程序创建手风琴不会在单击时扩展/关闭

时间:2018-10-15 08:22:22

标签: javascript html css reactjs

我正在尝试从React的引导网站创建一个手风琴。我关注此网站https://getbootstrap.com/docs/4.1/components/collapse/#accordion-example

我复制了他们的示例代码,它看起来与网站上的示例完全一样,但是问题是当我单击手风琴时没有任何反应,它没有展开或关闭。是否应该在代码中的某个地方包含onClick函数?

2 个答案:

答案 0 :(得分:0)

您需要从引导库复制JS以及CSS代码。

我建议使用Google搜索波纹管中的代码,创建一个组件,然后使CSS样式适应自举

https://www.google.it/search?q=accordion+example+jsfiddle&oq=accordion+example+jsf&aqs=chrome.1.69i57j0l5.12453j0j1&sourceid=chrome&ie=UTF-8

实际上很容易构建

答案 1 :(得分:0)

如果我在这里完全错了,请原谅我,因为我是Web开发的新手,但是我以前使用过该手风琴,只要复制并粘贴their code就可以了,只要您添加了proper link tags来自于index.html中设置的文档的“入门”部分(不仅是CSS,还包括所有JS链接)。

我希望这会有所帮助!