Question

我正在尝试在create-react-app上使用html和CSS模板。我可以毫无问题地将所有HTML转换为JSX，并使CSS很好。我无法获得包含在模板中的Script标签，但可以使用

Answer 1

我想您会像在HTML中一样在Reactjs中编写脚本标签。像这样：

<script src="fooLink.js"></script>

（fooLink.js是任何链接。）

如果您想进一步了解React，请尝试阅读以下文章： https://reactjs.org/tutorial/tutorial.html

或发布您遇到问题的代码，以便我们为您提供帮助。

Answer 2

我不确定我是否了解，但是您不能将脚本标签添加到index.html文件中。在其中有一个通常由ReactDom的render函数作为目标的div（render（，document.getElementById（'my target div'））

Answer 3

React可与称为（ES6）的类和函数一起使用组件。您可以创建一个并将导入的组件导入您的jsx（写在组件的render（）内部）

//your first component(js)
import React, {Component} from 'react';
class ComponentOne extends React {
 render() {
   return <div>some text or {value}</div>
 }
}
//your second component
import React, {Component} from 'react';
import ComponentOne from 'your path here';
class ComponentTwo extends React {
render() {
 return <ComponentOne>;
}

您可以从https://reactjs.org/

了解更多信息

Answer 4

npm install --save react-script-tag

然后

import React, { Component } from 'react';
import ScriptTag from 'react-script-tag';
class Demo extends Component {
 render() {
    return (<ScriptTag isHydrating={true} type="text/javascript" src="some_script.js" />);
}
}

如何在React中使用脚本标签

4 个答案: