-1

反応コンポーネントを定義しました：

import React from 'react';
import ReactDom from 'react-dom';

export default class Silly extends React.Component {
   render() {
    return (
        <h1>{this.props.dumdum}</h1>
    );
  }
}
Silly.propTypes = {
 dumdum: React.PropTypes.string
}

そしてclient/main.jsxで私はそれを呼び出そうとします:

//some import stuff, omitted...

Meteor.startup(() => {
ReactDom.render(<Silly dumdum="helloooo"/>, document.getElementById('app-target'));
 });

これにより、次のエラーが発生し、コンポーネントがレンダリングされません。

warning.js:36警告:dumdumタグの不明なプロパティです。この小道具を要素から削除します。詳細については、https://facebook.github.io/react/warnings/unknown-prop.htmlを参照してください。

(実際にはリンクは短いですが、ここに投稿することはできないようです...)

何が間違っている可能性があるかについてのポインタをありがとう。

4

1 に答える 1

1

OK、問題は小文字のコンポーネント名を使用していたことでした (上記のサンプルは実際のコードではありません...)。

小文字のコンポーネントは反応コンポーネントとして扱われないようです... https://gist.github.com/sebmarkbage/f1f4ba40816e7d7848ad

誰かが同じ問題に遭遇した場合に備えて。

于 2016-09-06T18:56:51.700 に答える