0

Npm でホストされているオープン ソースの反応コンポーネントのコード例を tonicdev.com でセットアップしようとしています。

実行しようとしているコードは次のとおりです ( tonicdev.com でのライブ編集はこちら)。

var React = require('react');
var ReactDOM = require('react-dom');
var {Calendar, CalendarControls} = require('react-yearly-calendar');

function onDatePicked(date) {
  alert(date);
}

ReactDOM.render(
  <Calendar
    year={2016}
    onPickDate={onDatePicked}
  />,
  document.getElementById('calendar')
);

documentセレクターがないため、トニックは不平を言います：

ノードにドキュメント オブジェクトがありません。Tonic はノード環境であるため、ドキュメントやその他のブラウザー機能は存在しません。

しかし、それは代替手段を提供しません。これは React コンポーネントなので、ReactDOM.render でレンダリングする必要があります。これには、2 番目の引数として a が必要domContainerNodeです。Tonic で入手するにはどうすればよいですか?

より一般的に：私は何か間違ったことをしていますか？Tonic で React の例を実行する方法はありますか?

4

1 に答える 1

0

ガビーノ、あなたはそれをすべて間違っていました。Tonic はノード プロトタイピング サービスです。つまり、nodeJS のコードを実行/テストできます。

すでにご存知かもしれませんが、nodeJS はバックエンド サービスであり、サーバー側であることを意味します。したがって、documentまたはその他のブラウザ固有 (クライアント側の機能) は使用できません。

nodeJSサーバーからフォルダーに向かってデータを取得するために使用し/publicます。これは、次を使用する場所であるためです。

function onDatePicked(date) {
  alert(date);
}

ReactDOM.render(
  <Calendar
    year={2016}
    onPickDate={onDatePicked}
  />,
  document.getElementById('calendar')
);
于 2016-03-07T11:58:56.873 に答える