javascript - 我可以将 js 文件与 jsx 文件链接吗?只对前面做出反应(不反应本机)
问题描述
我想将我的home.jsx
文件内容显示到app.js
文件中。
我将 React 用于前端(不是 react-native),将 Symfony 5 用于后端。后来,我的最终目标是一个简单的按钮。
可能吗?我不知道我的错误是什么。我创造了一个app.jsx
奖金。
这是我的文件:
解决方案
在您的Home.jsx
文件中,而不是:
export { Home as default };
您必须Home
像这样默认导出组件:
export default Home;
然后,在您的App.jsx
文件中,像这样导入Home
组件:
import Home from './Home';
这是一篇很好的文章,解释了默认导出和命名导出之间的区别
https://medium.com/@etherealm/named-export-vs-default-export-in-es6-affb483a0910
推荐阅读
- javascript - Redux:在没有它的情况下使用 compose() 或 applyMiddleware 之间的区别?
- node.js - Mongoose:是否可以对所有包含子字符串的 json 进行查询?
- c++ - 功能模板和缩写功能模板之间的等价关系
- java - 在对象列表上应用分组后如何获取对象而不是列表
- haskell - 在实例声明中访问类型变量值
- r - 如何查找不匹配或反向 str_extract_all 以在 R 中构造具有不匹配值的数据帧
- wordpress - Woocommerce / WP All Import:如果产品名称包含类别名称,则自动将产品添加到类别
- python - xticks 和条形图显示在图表的不同位置
- c# - Razor Pages 不能在另一个方法中重用 OnGet() 中定义的属性,因为它是 null
- http - Golang http.HandlerFunc 闭包初始化