Reagieren Komponente einfach machen

Question

: Ich bin zu reagieren und nach einem Tutorial https://facebook.github.io/react/docs/components-and-props.html

ich den Code unten haben. Ich verstehe nicht, warum es den Inhalt nicht wiedergeben wird.

function Welcome(props) { 
    return <h1>Hello, {props.surname}</h1>; 
} 

function App(props) { 
    return (
    <div> 
     <Welcome surname = {props.surname} /> 
     <Welcome surname = {props.surname} /> 
     <Welcome surname = {props.surname} /> 
    </div> 
); 
} 

function myApp(){ 
    return (
    <div> 
     <App surname = "Simon" /> 
    </div> 
); 
} 

ReactDOM.render(
    <myApp/>, 
    document.getElementById('root') 
); 

Ich bin nach dem ähnlichen Beispiel dieses: https://codepen.io/gaearon/pen/KgQKPr?editors=0010

Das einzige, was ich anders tat, war eine andere Komponente auf hinzufügen und veränderte die Requisiten Daten.

Bitte lassen Sie mich wissen, wenn ich etwas vermisse.

Answer 1

Der erste Buchstabe der Reaktionskomponente sollte groß sein. Also wandeln Sie Ihre myApp in MyApp

function MyApp(){ 
    return (
    <div> 
     <App surname = "Simon" /> 
    </div> 
); 
} 

ReactDOM.render(
    <MyApp/>, 
    document.getElementById('root') 
); 

um