問題タブ [grommet]

コマンド プロンプトを使用して Windows 7 に Grommet をインストールしようとすると、「モジュールが見つかりません」というエラーが表示されます。このチュートリアルに従って環境をセットアップしています... http://www.grommet.io/docs/hpe/develop/get-started.....gulp devを実行すると、「モジュールが見つかりません」..npm uninstall を試してから npm install も試しましたが、どちらも機能しません。 「ノード バージョン」:「4.4.0」、「npm バージョン」:「2.14.20」。 また、私はプロキシの背後にいません。

私はreact-selectをGrommetと組み合わせており、次のように Grommet FormField コンポーネント内で選択を行います。

小さい画面では問題なく動作します:

ただし、より大きな画面では、選択したコンテンツは親 (FormField) コンテナー内でスクロール可能です。

オフに切り替えるposition: absoluteと、選択したコンテンツがコンテナーの外側に表示されますが、フォーム全体のサイズが変更されます。

他に何をチェックまたは試すかについてのアイデアはありますか?

私は webpack で grommet-ui を使用して反応しています。独自のカラー オプションを設定するにはどうすればよいですか。

colorIndex="neutral-1" のような定義済みの色の代わりに、独自のカスタム色/配色を使用する方法はありますか?

React プロジェクトでグロメットを使用しようとしていますが、webpack を使用しています。scss ローダーを追加しました。アプリをビルドすると、次のエラーが発生します。

私が間違っているのかわかりません..

これが私のwebpack.config.jsです

I'm using state to open and close a layer in a click event of an icon. When I call the _onOpenLayer() from the click handler nothing happens.

Previously I had called the method direct from the icon click onClick={this._onOpenLayer()}, this did open the layer but if froze up the UI due to not being allowed to call a method within rednder().

So I found a solution of adding a lambda before the call to open as suggested below. But clicking the icon doesn't open the layer with this change:

To further debug this I put a console.log in the _onOpenLayer() method and I can see it doesn't get hit on the icon click.

Question:

How can you call a method from click event within render method?

This is a gist of the class I'm rendering. The _onOpenLayer() sets the openLayer state to true which in turn opens the layer element:

以前にノードをインストールしましたが、node -v を実行すると、Mac にバージョン v4.2.2 があることがわかります。現在、ノードの最新バージョンに更新し、grommet.js をインストールしようとしています。

ターミナルで入力する場合:

npm install npm@latest -g

また

npm install -g grommet-cli

私は得る

-bash: npm: コマンドが見つかりません

以下のリンクの手順で解決しようとしましたが成功しませんでした: Mac OS で NodeJS を最新バージョンにアップグレードする

これを解決するにはどうすればよいですか？

grommet ux フレームワークを使用した React/redux アプリがあります。基本的な構造は次のとおりです。

<GLNav />設定アイコンをクリックしない限り、コンポーネントを非表示にして、<GLBoard />コンポーネントが画面全体に表示されるようにしたいと考えています。アイコンに接続された redux 状態変数を使用して、active小道具を切り替え、コンポーネントの CSS クラスを切り替え<GLNav />ます。CSS は幅を 0 に設定して、NAV コンポーネントがスライドインおよびスライドアウトするようにします。

これらはすべて Chrome で完全に機能します。ただし、SideSplit コンポーネントが非モバイル モード (画面幅が 750px より大きい) の Safari では、active小道具が false で、CSS クラス.hideが適用されている場合でも、<GLNav />コンポーネントには幅の値があります。幅を 750px 未満に変更すると、グロメットがhiddenクラスを適用し、必要に応じて を非表示に<GLNav />します。

<GLNav />クラスは次のとおりです。