reactjs - 在 ReactJS 不工作的单独文件夹中导入文件
问题描述
我刚刚开始一个新的 React 项目,但我无法将位于名为“Components”的单独文件夹中的特定文件导入我的 app.js 文件。
请看下面我用来导入的代码。
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom';
import Category from './Components/Category.js';
import './App.css';
这里是刚刚开发的 Category 组件,如果它在提供解决方案方面有用吗?
const Category=()=>{
return (
<div>
<div class="categories">
<div class="category-choice">
<h1>CAREER</h1>
</div>
<div class="category-choice">
<h1>FINANCE</h1>
</div>
</div>
</div>
)
}
export default Category;
解决方案
你需要import
React
在你使用的任何地方JSX
。这很重要,因为所有JSX
元素都被转换为React.createElement
. 所以React
必须始终在范围内。
import React from 'react' // add this line
const Category=()=>{
return (
<div>
<div class="categories">
<div class="category-choice">
<h1>CAREER</h1>
</div>
<div class="category-choice">
<h1>FINANCE</h1>
</div>
</div>
</div>
)
}
export default Category;
推荐阅读
- android - 谷歌地图 - 自定义瓷砖叠加
- servicestack - AutoQuery 在通过网关运行时未获得名称数据库连接
- semantic-ui-react - 向 Card 组件添加 `href` 会使所有文本都大写
- java - 如何阅读 101 响应代码后的正文?
- javascript - 如何在 vue 的另一个变量中渲染变量?
- docker - docker-compose:zipkin 无法连接到 elasticsearch
- java - 如何从字符串对象中获取数字?
- openpyxl - Python:使用 cmd 和 pycharm 安装 openpyxl 时遇到问题
- spring-integration - Outbound-channel-adapter/Spring JMS 启动太多 MQ 连接
- javascript - 没有从以编程方式构建的表中触发 onclick 事件