reactjs - 为什么默认导出的组件在 React JS 中给出 no-undef 错误？

Question

我是 React 的初学者，所以试图掌握这门语言。但是在编译我的代码时出现以下错误。

下面是我的 Person 和 App 组件的代码

人物组件：

import React from 'react';

const person = () => {
    return <p>I'm a person</p>;
}

export default Person;

应用组件：

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

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>I'm a React App</h1>
        <Person/>
      </div>
    );
  }
}

export default App;

标签： reactjs

Answer 1

import React from 'react';

const person = () => {
    return <p>I'm a person</p>;
}

export default Person;

你这里有一个错字：你的组件名称应该以大写字母开头（在这里你命名它person，但它应该是Person，因为组件名称总是以大写字母开头），所以为了修复它你必须这样写：

const Person = () => {
    return <p>I'm a person</p>;
}