semantic-ui-react

0熱

1答えて

セマンティックUIサイドバー。反応ルータがそのコンポーネントを再レンダリングさせるプッシャー

私は反応ルータとセマンティックUIサイドバーを使用しています。サイドバーが表示と非表示の間で切り替わると、ルーターはそのコンポーネント（OilBarrelComponent）を（ 'プッシュ'ではなく）再作成するようにトリガーします。これは不要と思われ、私が望まない副作用があります。サイドバーを切り替えるだけで、OilBarrelContainerコンポーネントが再作成される原因となっているコード

0熱

2答えて

React（Semantic-UI）の複数のDropdownの状態を管理

私は、制御されたコンポーネントのドロップダウンメニューを作成するために、文書hereに従っています。 handleChange関数を変更して、「メンバーの選択」ドロップダウンリストまたは「選択日」ドロップダウンリストから値を受け取っていることに気づかせるにはどうすればよいでしょうか？部材「と」時間） import React, { Component } from 'react' import

4熱

1答えて

の設定は、私はしばらくの間、これを調査し、次の場所からのドキュメントに従っているリアクト - セマンティック-UI CardGroups

とルータSubRoutesに反応しますsetting up route config with sub-routesのドキュメント私のルート構成は機能しているようですが、コンポーネントの拡張を具体的に実装する場所は不明です。私は<Card.Group items={items} as={Link} to={items.map((item,i)=>(item.href))} />を試してみました

1熱

3答えて

セマンティックモーダルを使用してモーダルとディマーを閉じることができません。

モーダルをセマンティックモーダルを使用して反応させようとしています。何らかの理由で、フォームを閉じることができますが、調光器は残ります。私は助けが必要です。私は$（ '。ui.modal'）。modal（ 'hide dimmer'）と他の多くのものを試しました。モーダルはここにある： export default class AddCamerModal extends React.Compo

0熱

1答えて

セマンティックUIリアクション：2列のカードヘッダー

カードヘッダーを画像と一緒に通常のテキストにしたい。 import logo from './images/logo.svg'; render() { return ( <div> <Card> <Card.Content className='left aligned'> <div className="two column

0熱

1答えて

セマンティックUIのスクロール可能なセグメント

私はセマンティックUIを、ReactJSとともに公式のsemantic-ui-reactを使用して使用しています。私は、Trelloのようなアプリを作成してカードを貼りたいと思っています。カードは1つのトピックに対して積み重ねられ、1つのトピック内で垂直方向にスクロール可能で、すべてのトピックでは水平方向にスクロール可能です。私は以下のコードを使用していますが、自然にスクロールコントロールのな

0熱

1答えて

カスタマイズされたsemantic-ui-reactメニュー

いつかsemantic-ui-reactを使用していますが、すべて正常に動作しますが、ナビゲーションメニューに問題があります。私はそれをモバイルとデスクトップ向けにカスタマイズしたいと思っています。つまり、私はモバイルとデスクトップの完全な異なる実装を望んでおり、カスタマイズされたセマンティックを使ってそれを行う適切な方法があるかどうか疑問でした私は既にテーマなどをカスタマイズしているので）。

1熱

1答えて

React Semantic UIで私のドロップダウンがスタイル付けされていないのはなぜですか？

私はリアクトを学んでおり、私はそれに約1週間です。 React Semantic UIを学ぶために、私は自分のウェブサイトhereからコードをコピーすることから始めることができると思った。コードをできるだけ直接コピーしても、正しく見えるようにすることはできません。誰かが違いが私の間違って見えることを説明することができますか？マイコード： import React from 'react' im

1熱

1答えて

NextjsとテーマセマンティックUIを使用したデプロイ

私はnextjsフレームワークを使用しており、UIフレームワークとしてとsemantic-ui-reactを選択しました。私がsemantic-uiを選択した主な理由は、フレームワークのテーマのパワーです。フルパッケージsemantic-uiがインストールされています（here）。 ` semantic.jsonファイルには、次のようにあります。 { "base": "/client/stat

0熱

1答えて

セマンティックUIが反応し、表示されているときにのみドロップダウン/モーダルを表示しますか？

開いているまで、ドロップダウン/モーダルのコンテンツのレンダリングを遅らせる方法はありますか？ユーザーがコンテンツを表示するまで表示されなくてもレンダリングされています。