問題タブ [babeljs]

自分自身を変更するボタンを持つ別の React コンポーネントから起動されるオーバーレイがあります。ユーザーがボタンをクリックすると変更が発生し、ボタンはクラス名を変更します。また、オーバーレイである子コンポーネントに prop 値を送信します。オーバーレイは、プロパティに応じて、またクリックされた場合にクラスを追加します。すべてがうまく機能していますが、今は別のことをしなければなりません。ユーザーがオーバーレイをクリックすると、閉じる必要があります。この変更の前は、前述のボタンですべてが機能していました。

さて、これはボタンコンポーネントです:

そして、これは現時点でのオーバーレイです:

ご覧のとおり、小道具の値を取得して状態に割り当てようとしていますが、うまくいきません。prop値を状態に割り当てて使用するにはどうすればよいですか?

よろしく、JP

今日、Babel と Webpack をいじっていると、本当に奇妙な動作に出くわしました。

main.js正しくインポートされているかどうかを確認するためにデバッガーをスローし ましたが、Chrome のコンソールは、インポートしようとしているモジュールが定義されていないと叫び続けました。代わりに同じモジュールのログをコンソールに記録しようとすると、コンソールに出力されます。

何を与える？関連するコード スニペットを以下に貼り付けました。

main.js

thing.js

webpack.config.js

デコレータを使用して、クラスによって実装されたインターフェイスの配列を取得できるかどうか知っていますか?

したがって、次のようなことをすると:

["INinja", "IWarrior"]実行時に、Ninja は?を含む注釈を持ちます。

ありがとう

したがって、子クラス内で super() を使用して、基本クラスで定義された関数を呼び出すことができることを理解しています。ただし、そのオブジェクトのスーパーメソッドを別の場所で呼び出したい場合は、爆撃します

親.js

Child.js

BabelJsで次のコードを実行しようとしています:

しかし、結果として空のobjectfromを取得します。babel-node

どうしたの？

Gulp、Browserify、Babelifyを使用して、ソースコードを ES6 + JSX からプレーンな Javascript にコンパイルしています。

私gulpfile.jsのように見えます：

私の最初の行app.es6は次のとおりです。

を実行する$ gulp es6と、次のエラーが表示されます。

ただし、Browserify の cli を使用すると、これは発生しません。

この問題を解決する方法について何か考えはありますか?

systemjs のトランスパイラーとしてbabelを使用しているときに、chrome コンソールでこのエラーが発生しました。

babelJSXがロードされていないため、トランスパイルが失敗したのではないかと疑っています。まさにchrome の network-tab に (babel-browser) スタックの呼び出しがありません。browser.min.js

ここでコードを見ることができます。

ES6 JavaScriptで矢印構文を使用して匿名ジェネレーター関数を宣言することは可能ですか? これは私が試したことです：

しかし、これは解析されません ( Babel.jsを使用して ES6 を ES5 にコンパイルしています)。 MDN のドキュメントでは、より標準的な構文についてのみ言及しています。

のレキシカル スコープを利用するために、矢印を使用してジェネレータ関数を定義できるようにしたいと考えていますthis。これは可能ですか？

だから私は私のgruntfileにこれを持っています:

これにより、src 内のすべての js ファイルが正しくトランスパイルされますが、毎回 dist/server.js が上書きされます。

これは本当に単純なはずですが、ソースファイルごとに 1 つずつ、異なる出力ファイルに書き込む方法がわかりません。

BabelでES6 クラスを作成し、サーバーから取得した JSON データを ES6 クラスにマッピングしたいと考えています。
それを行う一般的な方法はありますか？

ユーザー.js

app.js