reactJSで予期しないトークンエラー

Question

私はreactjsを習得しようとしていますが、私はエラーに頭をぶつけています。私はこの問題を解決するためにいくつかの助けをしたいと思い

/src/App.js 
Syntax error: Unexpected token, expected , (21:4) 

    19 | ReactDOM.render(
    20 |  <NumberList numbers={numbers}/> 
> 21 |  document.getElementById('root') 
    | ^
    22 |); 
    23 | 
    24 | 

：

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


function NumberList(props){ 
    const numbers = props.numbers; 
    const listItems = numbers.map((numbers) => 
     <li>{numbers}</li> 
    ); 

    return(
     <ul>{listItems}</ul> 
    ); 
} 


const numbers = [1, 2, 3, 4]; 
ReactDOM.render(
    <NumberList numbers={numbers}/> 
    document.getElementById('root') 
); 

とコンソールこれを返している。ここで

は、コードがあります。私はreactjsに新しいので、素敵にしてください。

ありがとう

EDIT;

このエラーを修正した後、私のブラウザがこの戻っている：

は

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. 
▶ 14 stack frames were collapsed. 
(anonymous function) 
src/index.js:7 

    4 | import registerServiceWorker from './registerServiceWorker'; 
    5 | import './index.css'; 
    6 | 
> 7 | ReactDOM.render(<App />, document.getElementById('root')); 
    8 | registerServiceWorker(); 
    9 | 
    10 | 

View compiled 
▶ 6 stack frames were collapsed. 
This screen is visible only in development. It will not appear if the app crashes in production. 
Open your browser’s developer console to further inspect this error. 

Answer 1

タイプミスのような引数を区切るために、を使用します。

ReactDOM.render(<NumberList numbers={numbers}/>, document.getElementById('root')); 

Answer 2

に変換してください "NumberListを"反応成分に変換する。

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

class NumberList extends React.Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     const numbers = props.numbers; 
     const listItems = numbers.map(numbers => <li>{numbers}</li>); 

     return <ul>{listItems}</ul>; 
    } 
}