Question

我正在尝试使用React js在本地主机上打印Hello World。但是，只要我运行代码，浏览器页面就总是空白。

***App.js***

import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import greet from './components/Greet'

class App extends Component{
  render() {
    return (
      <div className="App">
      <Greet></Greet>
      </div>
    );
  }
}

export default App;



***Greet.js***
import React from 'react'
/* Greet(){
    return <h1>Hello, Neha</h1>
}*/
const Greet = () =><h1>Hello, Neha</h1>

export default Greet;

我已在src文件夹中添加了Greet组件，即src文件夹->组件文件夹-> Greet.js

我在终端上收到的错误是：-

Failed to compile.

./src/App.js
  Line 10:8:  'Greet' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

Answer 1

将import greet from './components/Greet'更改为import Greet from './components/Greet'

您好，World无法在React js中使用功能组件进行打印

1 个答案: