semantic-ui-react

1熱

1答えて

私はリアクションとセマンティックビューで新しいです。私はokと緑のチェックマークが{this.props.email.success} trueを返す行を持つテーブルがあります。それ以外の場合は赤色のアイコンを削除します。セマンティック-UIコード：はここに私のコードで、今の成功値に基づいて <Table.Cell> <Icon color="green" name="checkm

3熱

1答えて

レスポンシブセマンティックUIグリッド、列、行に反応する

セマンティックUIリアクショングリッドを完全に反応させるのに問題があります。少なくとも、デスクトップ、タブレット、モバイルに対応しています。グリッド列でレンダリングする以下の3つのコンポーネントがあります。 import React,{ Component } from 'react'; import { connect } from 'react-redux'; import { Grid

0熱

1答えて

Semantic-ui-reactでonChangeイベントの発生を防ぐ方法

DropdownコンポーネントでItemを選択すると、onChangeイベントが発生することが予想されます。しかし、他の場所をクリックしてもonChangeイベントが発生します。 onChangeイベントをonBlurでブロックする方法を教えてください。 handleDomainChange = (e, data) => { this.setState({ currantDo

0熱

1答えて

チェックボックスのラベルは

セマンティックUIに反応Checkboxは次のように使用することができますリアクト： import React from 'react' import { Checkbox } from 'semantic-ui-react' const TermsOfServiceCheckbox =() => ( <Checkbox label='I accept the Terms of Se

1熱

1答えて

Semantic-UI-Reactでスティッキーを一時的に無効にする方法？

sticky documentにisActiveのような小道具が見つからない場合は、スティッキーを簡単に無効にすることができます。react-sticky。 Semantic-UI-Reactのstickyでそれを行うことは可能ですか？ Stickyにcontext小道具をヌルにしようとしましたが、スクロールしてもスティッキーです。スティッキーコード： export default class

0熱

3答えて

セマンティックUI対応の固定サイドバー

セグメンテーションのuiのドキュメントや問題のページ内でグーグル検索、検索して、stackoverflowで検索しました。答えを見つけることができませんでした。 Semantic-ui-reactでは、コンテンツが画面に固定されているサイドバーを作成するにはどうすればよいですか？ <Sidebar.Pushable as={Segment}> <Sidebar id="sid

1熱

1答えて

セマンティックUIの設定方法ボタンなどに合わせたドロップダウンサイズ

セマンティックUIは、多くのものに共通のサイジングを適用する素晴らしい方法です。ボタン（セマンティックUIで反応）：多くの場合、単にボタンのように見えるとボタンで行の上に置かれ、「サイズ」パラメータを取るためには表示されません <Button size="tiny" /> しかしドロップダウン、。 https://react.semantic-ui.com/modules/dropdown 例

1熱

1答えて

UIのモーダルを閉じるキャンセルボタンに反応する

私はhttps://react.semantic-ui.com/modules/modalの後にモーダルフォームを作成しています。 Cancelボタンをクリックしてモーダルを閉じたいとします。私は上記のリンクで提案されている簡略方法を使用しないように制限されています。 Modalフォームを閉じるには、handleClose（）関数をどのように書くべきですか？ handleClose =() =>

1熱

1答えて

ReduxForm - Semantic-UI select入力から選択値を取得する

React Semantic-UIのコンポーネントからRedux Formを使用してドロップダウンメニューの値を取得しようとしています。私は正常なテキスト入力から値を正常に受け取ったが、選択された入力は受け取れなかった。 import React, { Component } from 'react'; import { Field, reduxForm } from 'redux-form';

0熱

1答えて

JavaScriptで入れ子になったメニューを作成する方法は？

私は以下のイメージをサーバーから送信されたコンテンツで実現したいと思います。我々はset menu items const items = [ { key: 'editorials', active: true, name: 'Editorials' }, { key: 'review', name: 'Reviews' }, { key: 'events', na