gpt4 book ai didi

javascript - 如何在单独的 React 组件脚本中使用 React 库?

转载 作者:行者123 更新时间:2023-12-02 23:03:32 27 4
gpt4 key购买 nike

我正在尝试从 html 页面渲染 React 组件。我引用了问题React - component in seperate script does not work并从类似 http://localhost/index.html 的 URL 加载 html 文件。我的index.html:

<!DOCTYPE html>
<html>
<head>
<script src="https://...fb.me/react-0.13.3.js"></script>
<script src="https://...fb.me/JSXTransformer-0.13.3.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/jsx" src="index.js"></script>
</body>
</html>

我的index.js:

 ReactDOM.render(<MainPage />, document.getElementById('example'))

错误是 MainPage 未定义。但是当我写的时候

include MainPage

include 语句有错误。另外,我如何包含其他 React 库,例如 React-tabs 中的“Tabs”?

最佳答案

如果您index.js已加载到您的 html 中包含<MainPage /> ,这意味着您没有编译代码。浏览器不支持text/jsx原生。

为了将 React 与 JSX 结合使用,您需要使用像 webpack 这样的编译器/ bundler 。 .

关于javascript - 如何在单独的 React 组件脚本中使用 React 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57696018/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com