問題タブ [chakra-ui]
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.
javascript - Chakra UI テーマでカスタム トランジションを設定する方法
次のようなテーマを作成したかったのです。
そして、私のトランジションを次のように使用します
またはそのようなものですが、jsxで変数を使用できる方法で実際に定義することはできません. それを行う方法はありますか？
reactjs - ChakraProvider は NextJs react v16.4.0 では動作しませんが、react v17.0.1 では動作します
ChakraProvider を NextJs アプリのルートに追加しようとすると、エラーが発生します。
不明なエラー: 文字列が必要です。定義されたファイルからコンポーネントをエクスポートするのを忘れたか、デフォルト/名前付きインポートを混同した可能性があります
反応する v17.0.1 に更新した後、エラーは表示されません。
ChakraProvider が React v16.4.0 で動作しないのはなぜですか?
javascript - React - Map() メソッド内でテーブル列をソートする
テーブル ヘッダー データが .map() メソッド内に配置されているときに、テーブルを並べ替え (昇順/降順) しようとしています (この投稿のコードサンドボックス リンクの 73 行目を参照)。
手の絵文字をオンクリックで変更できますが、並べ替えは行われません。この機能の基になっているコードサンドボックスにある個々の文字列や数値ではなく、オブジェクトを map メソッドに渡すことに関係があると思います。これが私がモデリングしているオリジナルのサンドボックスです: https://codesandbox.io/embed/table-sorting-example-ur2z9?fontsize=14&hidenavigation=1&theme=dark
...そして、ここにソートする必要があるデータ構造を含むコードサンドボックスがあります: https://codesandbox.io/s/table-sorting-example-forked-dofhj?file=/src/App.js
各列をソート可能にするには、何を変更すればよいですか? ヘルプ/アドバイスをいただければ幸いです。
App.js
typescript - 次の js アプリを vercel にデプロイする際の React フック フォーム v7 の問題
typescriptを使用して、nextjsとchakra UIを備えたWebアプリを構築しています。フォームの検証に反応フック フォームを使用していますが、vercel にデプロイしているときに問題が発生しています。画像を見てエラーメッセージを確認してください。
