Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React中使用第三方组件_Javascript_Reactjs - Fatal编程技术网

Javascript 在React中使用第三方组件

Javascript 在React中使用第三方组件,javascript,reactjs,Javascript,Reactjs,我是个新手,我觉得这对我来说应该是显而易见的,但事实并非如此。如何包含第三方react组件,以便在自己的组件中调用?例如,我想在渲染函数中调用这个高亮组件()。但我不知道如何把它包括进去 我试着加上 import{Highlight}from./react highlighter/lib/highlighter.js' 到我的components jsx文件的顶部,但我得到了一个未定义的错误。查看react highlighter库(),它显示: var Highlight=require('r

我是个新手,我觉得这对我来说应该是显而易见的,但事实并非如此。如何包含第三方react组件,以便在自己的组件中调用?例如,我想在渲染函数中调用这个高亮组件()。但我不知道如何把它包括进去

我试着加上
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发布的链接