semantic-ui-react

0熱

1答えて

semantic-ui-react grid - "only"列が隠された後の列の全幅を表示

this semantic-ui-reactで同じテクニックが可能かどうかを知りたいですか？オプションの列が非表示のときのケースで全幅を行く受け入れ答えのように

1熱

1答えて

semantic-ui-reactとwebpackを使用した画像コンポーネントのパス

私はReactJSアプリケーションを使用しています。webpackを使用しています。この単純な例では、与えられたURLをsrc -attributeとして<img>にする必要があります。画像リソースをwebpackにバンドルして、適切なローダーを介して処理するにはどうすればよいですか？なぜ画像リソースがバンドルされないのかわかりません。私はPROD環境の話ではないを頂きますので私は、このよう

0熱

1答えて

Next.jsとSemantic UI、Tab要素、エラー：要素タイプが無効です

tabs from semantic-uiをNext.jsアプリケーションに実装しようとしています。私はこのエラーを取得しています： Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefin

0熱

1答えて

ReactがSemantic UI Reactで前のタブのコンテンツをアンロードできないようにするにはどうすればよいですか？

は、私は私のアプリでこれを持って言う： import React from 'react' import { Tab } from 'semantic-ui-react' const panes = [ { menuItem: 'Tab 1', render:() => <Tab.Pane>Tab 1 Content</Tab.Pane> }, { menuItem: '

2熱

1答えて

可視性コンポーネントの小道具が発射されない - 意味的UIの反応

可視性コンポーネントを使用してセマンティックUIリアクションアプリケーションで無限のスクロールを処理しようとしています。この例は、Semantic UI Reactページ（https://react.semantic-ui.com/behaviors/visibility#callback-frequency-example）に従っています。次のように私は、コードを簡略化してきました：私のシンプ

0熱

2答えて

同じトリガを共有するノードをレンダリングする方法は？

私のユースケースは、以下の例で簡略化したものです。同じトリガーを共有するコンポーネントをレンダリングする方法は？ class SomeComponent extends Component { render() { let dropDownItem = <DropDown.Item> An Item! </DropDown.Item> let modal =

1熱

2答えて

酵素ShallowWrapperを使用して、別の反応成分の支柱として保存された反応成分を見つける方法？

コンポーネントの周りにShallowWrapperを作成し、指定されたsemantic-ui-react Button（idで）を見つけ、ボタンのクリックをシミュレートして、そのクリックが特定のコンテンツを切り替えたかどうかを調べる、サンプルJSX： <Popup trigger={<Button onClick={this.toggleShowThing} id="special-b

1熱

2答えて

セマンティックUIでフォントの色を変更するにはReact Accordion

現在セマンティックUIリアクトのアコーディオンコンポーネントを使用しようとしており、色と矢印を白に変更する方法を理解できません。 CSSで https://semantic-ui.com/modules/accordion.html 、あなたは、ウィジェットが黒にそれを設定したスタイリングを持っていることがわかります。コンポーネントにはテキストの色を変更する方法がありますか？親のdivを配置し

1熱

1答えて

私はsemantic ui react Cardを使用しています。私はメモリゲームを作成しようとしています。私はカードのフリップアニメーションを持つことができる方法はありますか？

マイカードコンポーネント <Card image={card.flipped || card.discovered ? card.url : 'http://flotrend.com/wp-content/uploads/2016/06/placeholder-400x400.png'} onClick={() => flipCard(card.id)} /> ライブラリ

1熱

1答えて

Semantic-UI-Reactでサポートされているブラウザはどれですか？私はセマンティックUIのブラウザのサポートで検索しました

が反応し、私はセマンティックUIは（バージョンが反応しない）、次のversion ブラウザのサポートサポートすることを見出した：最後の2つのバージョンFF、クローム、サファリMacのIEを11+ Android 4.4+、Android用Chrome 44+ iOS Safari 7+ Microsoft Edge 12+ IE9では一部のコンポーネントは動作しますが、グリッドやその他のフレックス