react-jsx

    20

    1答えて

    jspm/systemjsとbabelを使用して、基本的な反応の例を設定しようとしています。私は単純なページを表示するには、ここで、このコードを持っていると import React from 'react'; export default React.createClass({ displayName: 'MainComponent', propTypes: { item: R

    39

    3答えて

    この簡単な質問でお手伝いできますか?ボタンをクリックした後にクラスを追加し、他のすべての「アクティブな」クラスを削除する必要があります。 はこちらからどうぞご覧ください:http://goo.gl/duLPlG私はより良いここにそれを作るにはどうすればよい var Tags = React.createClass({ setFilter: function(filter) {

    10

    1答えて

    ReactクラスでHTML(JSX)文字列をレンダリングする必要があります。これが可能かどうかわかりません。 dangerouslySetInnerHTMLは、このファイル内に異なる反応コンポーネントがあるため、私には無効です。プレーンなHTMLではありません。 私が期待される結果との例があります。 https://jsfiddle.net/86rg50re/1/ var MyComponent

    5

    2答えて

    ウェブストームでは、jsxはすべて同じ色の&スタイリングをjavascriptとして使用しています。ただし、ブロックコメントはjsx /* */対{/* */}に調整されません。 私は、独自のファイルタイプJSX File Types好み&づくりにおける登録javascriptのパターンとして*.jsxを削除しようとしたが、その後、私は、すべてのカスタムカラー&スタイリングを失います。スタイルごと

    8

    3答えて

    私はReact(@ 13.3)でbabelとwebpackで遊んでいます。 私はこのように定義されたのコンポーネントがあります。 import BaseComponent from './BaseComponent'; export default class SomeComponent extends BaseComponent { render() { return

    7

    1答えて

    私の.jsxと.jsスクリプトをwatchifyとbabelifyをトランスフォームとしてバンドルにコンパイルするgulpタスクを作成しました。何らかの理由で私の一気スクリプトは、変換に窒息しているようだと私はよく分からない理由:コンソールで gulp.task('browserify', function() { var bundle = watchify(browserify('./

    10

    2答えて

    JSにJSXコードをコンパイルしようとするとBabelからエラーが発生します。私はこれが明白な問題であれば、謝罪するように新しくなりました。関連していると思われるものは何も見つかりませんでした。私はコードのこの塊で小道具を使い、FieldControllerコンポーネントにpageTitle小道具を渡そうとしています。これは私には問題を与えていますが、コードをJSにコンパイルすることはできません。

    5

    1答えて

    Babelを使用してブラウザ内のJSXトランスフォーメーションを呼び出そうとしています。私が使用したブラウザでAMD JSモジュールをロードしています 次:最終的に呼び出しますJSXをレンダリングする機能を有し、この「UI」モジュールをインポートし require(["nbextensions/ht"] function(ext){}); を。 しかし、これはBabelのブラウザ内のJSXトラ

    5

    1答えて

    Webpackとcss-loader w/modulesでReactアプリケーションを構築しています。大好きです。私のスタイルシートのほとんどは非常に小さいので、マークアップやJavaScriptと同じJSXファイル内にインライン展開したいと思います。 は、私が今使っているCSSローダは次のようになります。 { test: /\.(css)$/i, loader: ExtractText

    15

    2答えて

    React JSXでは、以下のテキストに一重引用符を含めることができますか?または逃げる必要のあるその他の句読点? return ( <div> <p>I've seen the movie.</p> </div> )