this.props（Meteor with Reactチュートリアル）

Question

私はちょうどes6を使ってReactでMeteorを学び始めていますが、私はこの問題を理解するのに苦労しています。それはどこから来たのですか？私は自分自身でクラスのために定義するコードはありません。前もって感謝します。

import React, { Component, PropTypes } from 'react'; 
import { createContainer } from 'meteor/react-meteor-data'; 
import ReactDOM from 'react-dom'; 

import { Tasks } from '../api/tasks.js'; 

import Task from './Task.jsx'; 

class App extends Component { 
    renderTasks() { 
    return this.props.tasks.map((task) => (
     <Task key={task._id} task={task} /> 
    )); 
    } 
} 

Answer 1

この小道具は、作成時にコンポーネントに渡されるプロパティが含まれています

これは、単純な-トドス/輸入/ UI/App.jsxでの私のコードの一部です。例えば：

<SomeComponent someProperty={'foo'} /> 

今すぐSomeComponentの内側にあなたが今someProperty小道具hereの使用についての詳細を読む

this.props.somePropertyようにアクセスすることができます。

Answer 2

これにより、より「任意の」コンポーネントを作成することができます。たとえば、サーバーからフェッチするリストがあるとします。

export default class List extends Component { 
    static propTypes = { 
    data: PropTypes.array.isRequired 
    } 
    render() { 
    return (
     //you can now be sure that the proptypes are what you wanted them to be. 
    ) 
    } 
} 

そのように、あなただけの

<List data={users} />