【发布时间】：2019-01-03 09:15:24
【问题描述】：
如何在 PHP 文件中正确使用 React.js CDN？使用下面的代码，我可以在浏览器上成功显示hey。
这是我的代码：
<?php
<!DOCTYPE html>
<html lang="en">
<head>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/jsx">
class Temp extends React.Component {
render() {
return(
<div>
<h1>hey</h1>
</div>
);
}
}
ReactDOM.render(<Temp />, document.getElementById("app"));
</script>
</head>
<body>
<div id="app"></div>
</body>
</html>
但这一次，我希望通过另一个 js 文件显示它：Temp.js。我在下面的尝试没有在浏览器上显示任何内容。我觉得我犯了一个小错误，但无法发现它。
我完全了解create-react-app 的工作原理，我只是想尝试一下 CDN 并看看它是如何工作的。
我做错了什么，我该如何解决？
这里是Temp.js：
var Temp = React.createClass({
constructor(props) {
super(props);
this.state = {
term: 'test'
};
};
render() {
return(
<div>
<h1>{this.state.term}</h1>
</div>
);
}
});
ReactDOM.render(<Temp />, document.getElementById('app'));
【问题讨论】：
-
如何包含您的 Temp.js 文件？
-
@khartnett 如果我在
<script type="text/jsx" src="./Temp.js"></script>中包含src="./Temp.js"，则浏览器中不会显示任何内容。我不得不摆脱src="./Temp.js" -
@khartnett 换句话说，我必须正确使用
src="./Temp.js" -
<script type="text/jsx" src="Temp.js"></script>适合我。此外，这是现在形成或形成一个 PHP 问题。 -
@ChrisG 不确定为什么它对我不起作用。我是否错过了一些我没有看到的微不足道的东西？
标签： javascript php html reactjs cdn