Javascript 在React中使用第三方组件
我是个新手,我觉得这对我来说应该是显而易见的,但事实并非如此。如何包含第三方react组件,以便在自己的组件中调用?例如,我想在渲染函数中调用这个高亮组件()。但我不知道如何把它包括进去 我试着加上Javascript 在React中使用第三方组件,javascript,reactjs,Javascript,Reactjs,我是个新手,我觉得这对我来说应该是显而易见的,但事实并非如此。如何包含第三方react组件,以便在自己的组件中调用?例如,我想在渲染函数中调用这个高亮组件()。但我不知道如何把它包括进去 我试着加上 import{Highlight}from./react highlighter/lib/highlighter.js' 到我的components jsx文件的顶部,但我得到了一个未定义的错误。查看react highlighter库(),它显示: var Highlight=require('r
import{Highlight}from./react highlighter/lib/highlighter.js'代码>
到我的components jsx文件的顶部,但我得到了一个未定义的错误。查看react highlighter库(),它显示:
var Highlight=require('react-highlighter')代码>
现在您正在执行导入{Highlight}
,这是不正确的
这是正确的方法,请注意,这与ES6中的说法相同:
从“react highlighter”导入突出显示代码>我不确定我是否相信你。如果您正在导入
ing它,而不是require
ring它,那么您应该根本看不到该错误。您应该能够通过从'react highlighter'执行导入{Highlight}来导入它。
。你真的安装了吗?我下载了文件。。。安装它还需要其他东西吗?浏览器中没有内置Require。为此,您需要使用像webpack这样的包管理器。见@Julie见John发布的链接