Переданные реквизиты из другого компонента не могут быть прочитаны

Question

Я пытаюсь передать реквизит другому компоненту, но он просто возвращает пустой объект

Я уже пытался создать конструктор, но он не сработал.

import React from "react";
import ReactDOM from "react-dom";

class App extends React.Component {
  render() {
    const greeting = "Welcome to React";
    return (
      <div>
        <Greeting greeting={greeting} />
      </div>
    );
  }
}

class Greeting extends React.Component {
  render() {
    return <h1>{this.props.greeting}</h1>;
  }
}

ReactDOM.render(<Greeting />, document.getElementById("root"));
export default App;

Answer 1

Проблема в том, что вы представили в DOM-рендере реагирующий дочерний компонент вместо класса App, который передает ему заголовок.

Посмотрите на это решение: https://codesandbox.io/s/react-example-o6rtk

Вы должны поставить приложение вместо приветствия

ReactDOM.render(<App />, document.getElementById("root"));

Answer 2

Вам необходимо отобразить родительский компонент в ReactDOM, чтобы передать реквизиты дочернему компоненту.

Ознакомиться с практической демонстрацией вашей проблемы и ее решением можно по ссылке ниже

https://stackblitz.com/edit/react-saflfb

Answer 3

Вы пытаетесь отобразить компонент Приветствие в корневом div, удалите эту строку.