react-jsx

0熱

1答えて

JSXでReact - rendering divが見つかりませんでした

Reactで書かれたWebアプリケーションでHighchartsを使用しようとしています。ハイチャートはdivタグでレンダリングされます。 JSXファイルからページ、入力フィールド、ボタン、表、ドロップダウンリストなどのすべてのページをレンダリングしています。 divタグをIDまたはクラスでJSXに貼り付けて、Highcharts JavaScriptにリンクしようとすると、レンダリングのdivが

javascript html reactjs highcharts react-jsx 2017-05-04

---

-1熱

1答えて

ReactJsは子コンポーネントの状態を取得します

親コンポーネントの子コンポーネントの状態を使用しますin this example。私は正確に行うことができるようにしたいことはこれです： <Application onChange={(myVar)=>{console.log(myVar)}}/>

javascript reactjs react-jsx 2017-05-10

---

1熱

1答えて

* *機能コンポーネントを更新するためにそのデータが変更されていないないようにしたときにどのように

だから私は、ルート・コンポーネントは、クラスベースであり、次のような状態を保持して反応させるアプリを持っている：dataAが渡さ this.state = { dataA: { //stuff here}, dataB: { //stuff here} } を子機能コンポーネントAに転送され、dataBが子機能コンポーネントBに渡されます。 ただし、いつでもthis.se

reactjs react-jsx jsx 2017-05-10

---

0熱

2答えて

React.JS - 状態を共有する複数の要素（私は他の人に影響を与えずに一つだけの要素を変更するにはどうすればよい？）

class App extends Component { constructor(props) { super(props); this.state = { Card: Card } } HandleEvent = (props) => { this.SetState({Card: Card.Active} }

javascript reactjs functional-programming react-router react-jsx 2017-05-11

---

1熱

1答えて

リアクションファンクションスタイルコンポーネント直接呼び出しvs jsx - 子はどこですか？

私はカスタムコンポーネントjsxスタイルの子供がどこにあるのか理解しようとしていますか？ const appDom = document.getElementById('app') const Hey =() => <div><i>HEY</i><b>you</b></div> const Hello =() => <div><h1>Hello</h1></div>

javascript reactjs react-jsx jsx 2017-05-12

---

1熱

3答えて

ES6マップを反復処理すると、ReactJS内に子要素が作成されないのはなぜですか？

私は、データと見出しを小道具として取り込むテーブルのReactコンポーネントを作成しようとしています。私は、私がマップのforEachメソッドを得ることができない問題に遭遇し、必要な子要素を作成しません。 列の入力小道具は、次のようになります。 let cols = { payment: 'Payment', date: 'Processing Date', amou

javascript reactjs ecmascript-6 react-jsx 2017-05-12

---

0熱

1答えて

dangerouslySetInnerHTMLを使用せずにReactでSVGを使用するにはどうすればよいですか？

Facebookのアイコンがフッターで使用できるようにReactコンポーネントを作成しました。残念ながら、dangerouslySetInnerHTMLを使用しないとアイコンが表示されますが、壊れているように見えます。ここで は、Facebookのコンポーネントのコードです： import React from 'react'; import ReactDOM from 'react-dom';

reactjs svg react-jsx 2017-05-17

---

1熱

1答えて

すべてのデータが利用可能になったらGUIをどのように表示できますか？

私のif文のすべてがデータです。私はAPIからかなり掴んでいます。もしこのif文を使って、利用可能かどうかをチェックしないと、小道具が定義されていないというエラーが出ます。最初にデータが正しいことを確認するifステートメントを置くと、レンダリングされません。 renderWhenDataisAvailに「console.log（ 'something'）」を入れてIDEに保存すると、何らかの理由で

reactjs redux react-redux react-jsx jsx 2017-05-19

---

-1熱

2答えて

反応成分と文字列を連結する方法は？

私はtitle小道具で次の操作を実行したい： <Tab title={<Glyphicon glyph="time" /> Real-Time}></Tab> しかし、それは動作しません。私はUnexpected token, expected }を得る。だからはReactコンポーネントに従うことができません。 配列、関数、新しいコンポーネントの作成などを使わないで動作させるにはどうすればいい

reactjs webpack react-jsx webpack-2 react-bootstrap 2017-05-19

---

1熱

2答えて

Reactクラスに渡された 'data-'小道具の使い方は？

は私の呼び出しJSXコンポーネントで次を考える： <CoolThing data-itemx="Corduroy" data-itemy="Pancakes" /> 私は私のCoolThingクラスでこれらの文字列を使用することができるようにしたいです。 class CoolThing extends Component { getStyle() { var itemx = t

javascript reactjs react-jsx 2017-05-23

---