我正在学习 React js，以防万一 ii App.js module我必须导入 React，因为render()方法用于将 JSX 转换为 dom 元素，但在 Person.js 中，我们正在创建一个箭头函数并导出它，以便它可以在 App module的渲染函数中导入和使用，但在我们导入 React 的 App module中，它将转换module中的 JSX 并在 DOM 上呈现，但是当我们在 Person 中删除以下代码时它会抛出错误。 js

import React from 'react' in Person.js

它抛出错误

如果我们在 React 类提供的方法（如 render ）中声明 JSX，则在使用 JSX 时，React' 必须在范围内，它应该给出错误。

有人可以解释一下吗

i) 为什么我们需要在 Person.js 中导入 react？

ii）为什么删除上面的代码时会抛出错误？

情况一）

人物.js

 import React from 'react'

 const person = () => {
 return <p>This is person module used inside app module</p>
 };

 export default person

情况二)

应用程序.js

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

class App extends Component {
render() {
return (
  <div className="App">
    <h1>this is app module and i am being used as the root component</h1>
     <Person/>
  </div>
);}}

export default App;