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'));
});

这是App组件：

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

React + Meteor：基本哑组件返回undefined

1 个答案: