我是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;
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>;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句