html - 我可以使用 react w/oa 服务器并作为 js 文件吗?
问题描述
基本上我有一个文件,它生成一些数据并将其写入一个基本的 html 文件。我制作了一个简单的 React 应用程序来更好地解析和显示数据,但如果我每次都必须运行服务器,它就没有用了。我真正需要的是一个快捷方式 html 页面,它可以独立运行所有反应。希望这是有道理的。
解决方案
您正在寻找客户端的静态模板引擎。
但是,要回答您的问题,是的,绝对有可能。但是您只需要包含所需的依赖项。另外,请注意,这并未针对生产进行优化。
<!-- The root where React App gets rendered. -->
<div id="root"></div>
<!-- React JS and React DOM Libraries. Add Babel for transpiling, as you might use JSX. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
<!-- The real React JSX App -->
<script type="text/babel">
class App extends React.Component {
render() {
return (
<div>
This is React!
</div>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
</script>
推荐阅读
- python - 更改文件名,得到奇怪的结果
- r - pgmmvar:一步估计:[======>--] 1438 中的第 1188 次迭代 rbind(t(as.matrix(Set_Vars_i[Set_Vars_i[, 2] == period[lags + :
- c# - 如果元素仍未加载,如何为 WebElement 编写延迟而不休眠?
- asp.net - MediatR 未在 api 控制器中解析
- css - 为什么溢出-y 没有按预期工作
- xamarin.forms - 删除对话框导航棱镜表格
- java - 如何将 int 传递给另一个活动以在 Android Studio 中进行计算?
- django - 在没有 Javascript 和验证的情况下使用 POST 向表单集添加附加表单
- java - 在终端中使用外部 jar 文件编译 java
- python - 如何在列表中获得减量?