なぜDOM内自体に等しいセットプロパティは、レンダリング - React.js

Question

は、あなたが見るところ私の質問は、あるhttp://facebook.github.io/react/docs/lists-and-keys.html

function ListItem(props) { 
    // Correct! There is no need to specify the key here: 
    return <li>{props.value}</li>; 
} 

function NumberList(props) { 
    const numbers = props.numbers; 
    const listItems = numbers.map((number) => 
    // Correct! Key should be specified inside the array. 
    <ListItem key={number.toString()} 
       value={number} /> 
); 
    return (
    <ul> 
     {listItems} 
    </ul> 
); 
} 

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

からのコードブロックを考えてみます。

<NumberList numbers={numbers} /> 

私はこれがあることを理解コンポーネントがレンダリングされており、作成したプロパティをレンダリングしていますが、そのプロパティをそれ自体と同じにする意味は何ですか？それは私が少し混乱している。

ありがとうございました！

Answer 1

引数が渡されるのはNumberList（AKA自体）のインスタンスではなく、数字の配列[1, 2, 3, 4, 5]です。コードを見てみましょう：

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

をそして、我々は、この行のnumberのプロパティにアクセス：

const numbers = props.numbers; 

希望を理にかなっています！