react-jsx

27熱

2答えて

警告：失敗しましたpropType： `Route`

に供給無効な小道具` component`私は新しい反応し、ルータ1.0.0をしようとしていると私は私が説明できない不思議な警告を取得しています：警告： propypeに失敗しました： `Route`に供給された無効なprop` component`です。 Warning： `Route`に供給された未定義の` component`が無効です。アプリは単純である： import React f

7熱

1答えて

プロパティ

スクリプト /// <reference path="./typings/react/react.d.ts" /> import React = __React; var content = <div>Hello, world!</div>; React.render(content, document.getElementById('output')); をコンパイルする場合、私は

14熱

3答えて

Reactネイティブのコンポーネントへのパラメータの受け渡し

React-Nativeで作成した共通のナビゲーションコンポーネントを使用しようとしています。私はナビゲーションバー色合いを設定したい呼び出しの時点で、タイトルなどナビゲーションバーコード： var NavigationBar = React.createClass({ render: function(title, titleColor, NavBarColor) { v

5熱

1答えて

Typescriptのコンポーネントの子を反復処理するにはどうすればいいですか？

Typescript tsxのReactコンポーネントの子を反復処理するにはどうすればよいですか？次は、有効なJSX次のようになります。 public render() { return ( <div> {React.Children.map(this.props.children, x => x.props.foo)} </div> );

5熱

2答えて

は、次のコードで

私は、commentBox.jsxファイルを持っている（テキスト/バベル）クラスが定義されていませんリアクト： <div id="content"></div> <script type="text/babel" src="scripts/commentBox.jsx"></script> <script type="text/babel"> ReactDOM.render(<Co

9熱

2答えて

Visual StudioのReactJS（JSX）構文強調表示2015

「VS 2015のjsx構文の組み込みサポート」については読んでいますが、それを見つけることはできません。それはIDEの設定で隠されている、または私はいくつかの拡張機能をインストールする必要がありますか？

11熱

1答えて

リアックスアクションをペイロードとしてディスパッチして、材料UIのスナックバーまたはダイアログを表示します

私はReact with ReduxとMaterial UIを使用してWebアプリケーションを構築しています。 webappはいくつかのページとコンポーネントで構成されています。私は、スナックバーやダイアログは、ユーザーがやっていることに直接接続する必要があることを知っています。しかし、私はスナックバーとダイアログをページやコンポーネントに依存しないようにしたいと思っています。したがって、ユースケ

70熱

2答えて

jsxとReactの動的タグ名

Reactコンポーネントを記述しようとしています。 htmlヘッダータグ（h1、h2、h3、etc ...）の場合、ヘッダーの優先度は、小道具で定義した優先度に基づいて動的に変化します。ここで私は何をしようとします。 <h{this.props.priority}>Hello</h{this.props.priority}> 予想される出力： <h1>Hello</h1> これが機能していません

6熱

1答えて

サーバサイドレンダリングに反応する予期しないトークンJSXとBabel

babelを使用してサーバサイドでjsxを使用できる正しい方法を見つけるのが難しいです。 Node-jsxはバベルでは使用されなくなりました。 babel-core/registerが使用されていると思われますが、予期しないトークンの問題が発生します。私はこの問題を持ったレポを作成しました。 https://github.com/pk1m/Stackoverflow-helpme 私はnode

7熱

1答えて

もっとparamを設定したときにwebpack.config.jsを書き込む方法は？

私はJSXコードを処理したいので、私はこのようなwebpakc.config.jsを書く： { test: /\.js$/, loaders: ['react-hot', 'babel-loader?presets[]=es2015'], exclude: /node_modules/ } しかし、それは私のJSXコードを処理し、このようなエラーがスローされませ