Разрушающие компоненты в коде - PullRequest
Новая
       7

Разрушающие компоненты в коде

0 голосов
/ 31 октября 2018

Я просто тестирую этот код в codepen 

class App extends React.Component {
  render() {
    const greeting = 'Welcome to React';

    return (
      <div>
        <Greeting greeting={greeting} />
      </div>
    );
  }
}

const Greeting = ({ greeting }) => <h1>{greeting}</h1>;

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

Он не рендерится, но если я напишу его как класс, кто-нибудь знает, как это исправить?

1 Ответ

0 голосов
/ 31 октября 2018

У вас есть импорт в вашем файле? 

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>
    );
  }
}

const Greeting = ({ greeting }) => <h1>{greeting}</h1>;

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

Также похоже, что вы набрали в последней строке. Должно быть ReactDom

Здесь ссылка на коды и рамки: https://codesandbox.io/s/5yl153nyxk

...