Reactjs 反应+；Meteor:基本哑组件返回未定义的

我正在用meteor 1.5和react 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'));
});

从“React”导入React；
从'react dom'导入{render}；
从“流星/流星”导入{Meteor}；
从“../imports/App”导入应用程序；
流星启动（（）=>{
render（，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;

//导入/app.js
从“React”导入React，{Component}
从“./Message”导入消息
导出默认类应用程序扩展组件{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
)
}
}

这是我的消息哑组件：

//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;

///imports/message.js
从“React”导入React；
常量消息=（道具）=>
{this.props.message}
；
导出默认消息；

我收到的错误是：

uncaughttypeerror:无法读取未定义的属性“message”。

---

你知道我为什么会收到这个错误吗？

在无状态组件中，你应该这样做：

import React from 'react';

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

export default Message;

从“React”导入React；
常量消息=（道具）=>
{props.message}
；
导出默认消息；

this.props.message

应该是

props.message

，因为您使用的是无状态组件，并将

props

作为参数。@bennygenel ahhh。非常感谢。我