React + Meteor：基本的なダムコンポーネントは返されません

Question

私は流星1.5を実験しており、反応は15.6.1です。

/client/main.js

import React from 'react'; 
import { render } from 'react-dom'; 
import { Meteor } from 'meteor/meteor'; 
import App from '../imports/app'; 


Meteor.startup(() => { 
    render(<App />, document.getElementById('root')); 
}); 

これは、アプリケーション・コンポーネントである：

//imports/app.js 
import React, {Component} from 'react' 
import Message from './message' 

export default class App extends Component { 
    constructor(props){ 
    super(props); 
    } 

    render(){ 
    return(
     <Message message="Hello Cowboys" /> 
    ) 
    } 
} 

そして、これが私のメッセージダムコンポーネントです：私が受け取る

// /imports/message.js 

import React from 'react'; 

const Message = (props) => 
    <p>{this.props.message}</p>; 


export default Message; 

エラーがあります：Uncaught TypeError: Cannot read property 'message' of undefined.

このエラーが表示される理由はありますか？

Answer 1

ステートレスなコンポーネントでは、この操作を行う必要があります。

import React from 'react'; 

const Message = (props) => 
    <p>{props.message}</p>; 

export default Message;