我不能导入成分发生化学反应

Question

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

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]

Answer 1

这是一个棉短绒警告。随着JSX，自定义组件“标签”必须以大写字母开头。小写标签名称被视为字符串。

<test2 />

相当于

React.createElement("test2", null);

即这将传递字符串值"test2"，不能解决的变量test2。

你要

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

这相当于

React.createElement(Test2, null);

见the documentation获取更多信息。

Answer 2

组件应该开始以大写字母否则将被视为像H2 html标签名称。 p等..

class Test2 extends Component {
 render() {
   return <div>hello</div>;
}
}

出口默认的Test2;