如何在React中使用脚本标记

Question

我正尝试在create-react-app上使用html和CSS模板。我可以将所有的HTML转换成JSX，没有任何问题，并且可以很好地呈现CSS。我不能得到与模板主页的脚本标签来工作

Answer 1

我认为在Reactjs中编写脚本标记的方式与在HTML中编写脚本标记的方式相同。如下所示：

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

(fooLink.js是任何链接。)

如果您想进一步了解React，请尝试查看本文：https://reactjs.org/tutorial/tutorial.html

或者发布您遇到问题的代码，以便我们可以帮助您。

Answer 2

我不确定我是否理解，但是您不能将脚本标记添加到您的index.html文件中吗？其中有一个div (通常)由ReactDom ( render (，document.getElementById('my target div'))的render函数作为目标)

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/了解更多信息