問題タブ [react-tabs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
941 参照

reactjs - Formikコンポーネントが反応タブでレンダリングされていない

Formikでreact-tabsを使用しようとしていますが、タグを付けるたびに何もレンダリングされません。これは私がやろうとしていることです:<Formik>

これは、Formik なしの場合のプリントスクリーンです。 反応タブ

何が間違っているのか本当にわかりません。誰もこの問題を抱えたことがありますか?私が得る固有のエラーは、react-tabs からのものです。

1.chunk.js:252727 警告: 失敗した prop タイプ: には、同じ数の「Tab」と「TabPanel」が必要UncontrolledTabsです。2 つの 'Tab' と 0 の 'TabPanel' を受け取りました。

0 投票する
0 に答える
145 参照

reactjs - NPM スローが欠落しているが存在する - 問題は 1 台のマシンのみ

私のマシン(元のクローンと新しいクローン)にインストールして正常に動作するレポ(React、Webpack4、npm、babel)がありますが、別のマシンにプルダウンするとエラーがスローされますnpm startnpm install.

Module not found: Error: Can't resolve 'react-tabs' in XXX

問題の依存関係は、両方のマシンにreact-tabsインストールされています。node_modules

./src/containers/PAGE.js のエラー モジュールが見つかりません: エラー: '/home/Repos/PROJECT/src/containers' @ ./src/containers/PAGE.js 11 の 'react-tabs' を解決できません:0-58 9095:88-92 9095:120-127 9095:155-158 9099:38-41 9103:34-37 9107:35-38 9111:39-42 9115:37-40 9115:74-77 9115 :182-190 9119:27-35 9123:27-35 9127:27-35 9131:27-35 9135:27-35 9135:64-72 @ ./src/App.js @ ./src/index.js @ multi ./src/index.js Child html-webpack-plugin for "index.html": 1 アセット Entrypoint undefined = ./index.html [./node_modules/html-webpack-plugin/lib/loader.js!. /src/index.html] 574 バイト {0} [ビルド] [./node_modules/lodash/lodash.js] 528 KiB {0} [ビルド] [./node_modules/webpack/buildin/global.js] (webpack) /buildin/global.js 472 バイト {0} [ビルド済み] [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 バイト {0} [built] ℹ 「wdm」: コンパイルに失敗しました。

0 投票する
1 に答える
609 参照

html - reactjsでアクティブなタブの色を動的に変更する方法

  • 動的タブのアクティブなタブの色を変更したい

    これは私のコードです..

メンバー リクエスト送信リクエスト ブロック検索

タブの結果

0 投票する
0 に答える
100 参照

html - 値がクリアされると、反応タブ コンポーネント内の ContentEditable コンポーネントが機能しない

タブ名を編集可能にしようとしています。例えば:ここに画像の説明を入力

上の画像の場合、「オフィス」を編集可能にしたいです。

次のパッケージを使用しています https://www.npmjs.com/package/react-contenteditable

https://reactcommunity.org/react-tabs/

コードは次のようになります。

編集部分の作業ユニットすべての文字を消去すると、タブが折りたたまれて入力できなくなります。

私も試しました:

pタグとコンポーネントに固定の高さと幅を設定しようとしましたが、それは役に立ちませんでした

基本的には次のようになります ここに画像の説明を入力

ご覧のとおり、カーソルがなくなり、入力できなくなりました。

どんな提案も役に立ちます。ありがとうございました