时间戳

首页 > 解决方案 > 我无法在 React 中导入组件

reactjs - 我无法在 React 中导入组件

问题描述

大家好，这是我的应用程序文件：

import React, { Component } from 'react';
import test2 from './test2';
import './App.css';

class App extends Component {
  render() {
    return <test2 />;
  }
}
export default App;

这是我的 test2 组件：

import React, { Component } from 'react';

class test2 extends Component {
  render() {
    return <div>hello</div>;
  }
}
export default test2;

但由于某种原因，我在我的应用程序组件中看不到它，有人看到错误吗？这就是我得到的： 'test2' 被声明但它的值从未被读取。[6133]

标签： reactjsimportcomponents

解决方案

这是一个 linter 警告。使用 JSX，自定义组件“标签”必须以大写字母开头。小写标记名称被视为字符串。

<test2 />

相当于

React.createElement("test2", null);

即这将传递字符串值"test2"，而不是解析到变量test2。

你要

import Test2 from '...';
// ...
<Test2 />

这相当于

React.createElement(Test2, null);

有关更多信息，请参阅文档。

推荐阅读