• [解決済み] モジュール 'sass' が見つからない

    質問 reactのアプリを書いて、Docker化しようとしました。 その結果、コンパイルがうまくいかず、"sass" モジュールが見つからず、このようなエラーが発生しました。 Failed to compile. ./src/index.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6- 1!./node_modul

    2022-03-03 09:47:39
  • [解決済み] create-react-appビルドスクリプトを実行する際に、ビルド.env変数を設定するには?

    質問 create-react-appで以下の環境変数を使用しています。 console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 を実行すると動作します。 npm start を読み取ることで .env ファイルを作成します。 REACT_APP_API_URL=http://localhost:

    2022-03-03 07:48:56
  • [解決済み] 拡張子.tsと.tsxの違いは何ですか?どちらもreactのタイプスクリプトファイルの拡張子として使用されます。では、どこで使うべきなのでしょうか?

    質問内容 私はreactの初心者で、あるプロジェクトに取り組んでいます。私は両方の .ts と .tsx を拡張することができます。を使うべきかがわからない。 .ts と .tsx . この件に関するいかなるヘルプも非常にありがたいです。ありがとうございます。 解決方法は? 使用方法 .ts は、純粋なTypeScriptファイルです。 使用方法 .tsx は

    2022-03-02 22:10:22
  • [解決済み] Create-React-Appでデフォルトで表示されるロゴのように、独自のSvg画像を追加する方法

    質問 create-react-appをインストールして、自分のsvg画像を追加して、ロゴが表示されるのと同じように表示したいと思いました。 import logo from './logo.svg'; {logo} しかし、ロゴと同じ方法で自分のsvgをインポートして使おうとすると、画面にこのようなurlがプリントされます。 /static/media/menu.926775

    2022-03-02 21:40:32
  • [解決済み] Next.js - エラー: 絶対Urlのみサポートされています。

    質問 next.jsのカスタムサーバーとしてexpressを使用しています。すべてうまくいっているのですが、商品をクリックして商品一覧を表示させると ステップ1 : 製品リンクをクリックする ステップ2 : データベースに登録されている商品が表示されます。 しかし /products ページで、次のエラーが発生します。 サーバー

    2022-03-02 15:11:14
  • [解決済み] AxiosにCORSの問題が発生

    質問 パッケージ.jsonにプロキシを追加してうまくいったのですが、npm run build後にCORS問題が再浮上してしまいました、Reactでnpm run build後のCORS問題に対処する方法を知っている人はいますか? axiosのリクエストにヘッダを追加する方法をいろいろと試してみました。しかし、私はaxiosのリクエストで'Access-Control-Allow-Ori

    2022-03-02 15:05:33
  • [解決済み] switch' は 'react-router-dom' からエクスポートされません。

    質問 package.jsonにreact-router-domの依存関係が追加されました。アプリコンポーネントはBrowswerRouterでラップされていますが、switchでルートをラップすると、以下のエラーが表示されます Switch' is not exported from 'react-router-dom'. package.json.lock ,node modulesを

    2022-03-02 05:58:44
  • [解決済み] React Hooksの「exhaustive-deps」lintルールを理解する

    質問内容 exhaustive-deps "のLintルールを理解するのに苦労しています。 私はすでに この記事 と この記事 が、答えが見つかりませんでした。 lintの問題がある簡単なReactコンポーネントを紹介します。 const MyCustomComponent = ({onChange}) => { const [value, setVa

    2022-03-02 02:33:01
  • [解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避する方法は?

    質問 以下のようなものがあります(マテリアルUI使用)...。 import React from "react"; import { NavLink } from "react-router-dom"; import Tabs from "@material-ui/core/Tabs"; import Tab from "@material-ui/core/Tab"; function

    2022-03-02 02:18:28
  • [解決済み] componentWillReceivePropsライフサイクルメソッドはいつ使用するのですか?

    質問 私はReact/Reduxの初心者ですが、状態について問題があります。 TrajectContainer.jsx class TrajectContainer extends React.Component { constructor(props) { super(props); this.state = { t

    2022-03-02 02:11:14
  • [解決済み] NextJsとCreate React Appの違いについて

    質問 との違いを知りたいのですが。 ネクストジェイズ と Reactアプリの作成 . を使ったフロントエンド・アプリケーションの開発を容易にするために存在することは知っています。 ReactJs . Googleでいくつかの記事を探ってみたところ、主な違いとして NextJsはサーバーサイドレンダリング(SSR)を提供し、Create React App クライアン

    2022-03-01 19:52:18
  • [解決済み] Moment.jsとReactJS(ES6)の組み合わせ

    質問 私はMoment.jsの初心者で、プロジェクトではReactJS(ES6)を使用しています。どのように私は使用することができます moment.js を使用して日付をフォーマットすることはできますか? をフォーマットしたい post.date を、以下のようなループで実行します。 render() { return ( <div>

    2022-03-01 14:21:17
  • [解決済み] ReactのMaterial UI simple inputでファイルアップロードを可能にする方法とは?

    質問 electron-react-boilerplate と redux form & material ui を使って、ファイルをアップロードするための簡単なフォームを作っています。 問題は、マテリアルuiがアップロードファイル入力をサポートしていないため、入力ファイルフィールドを作成する方法がわからないことです。 これを実現するためのアイデアがあれば教えてください。

    2022-03-01 11:09:56
  • [解決済み] Reactで他のページにリンクする方法は?

    質問 私がやろうとしていること React Web-AppのNavBarを、アプリ内の他のページにリンクさせようとしているのです。 試してみたこと App.jsファイルの中で、ご覧のようにReact-Router-Domの設定をしています。 また、NavBarの中にリンクを挿入しています。 現在、ローカルサーバーでサイトを見る際に問題に直面しています。(スクリーン

    2022-03-01 05:23:58
  • [解決済み] Apollo graphQLのuseQueryとuseLazyQueryの違いは何ですか?

    質問 Apollo Reactのフックのドキュメントを見ていました。 そして、2つのクエリフックがあることを知りました。 useQuery と useLazyQuery このページを読んでいて https://www.apollographql.com/docs/react/api/react/hooks/ この2つの違いは何か、どのような場合に使用するのか、どなたか教

    2022-03-01 03:03:55
  • [解決済み] Cross-envでyarnの実行時にenv変数が変更されない。

    質問 prod を実行するときは prod 設定を実行し、dev を実行するときは dev サーバを実行するように環境を設定しようとしていますが、現在私の package.json スクリプトは以下のようになっています。 "scripts": { "build:dev": "cross-env NODE_ENV=developement webpack", "build

    2022-02-28 16:45:37
  • [解決済み] react-navigation v5を使ったreact-nativeアプリのAppNavigatorの構文を更新する。

    質問 react-nativeアプリで、react-navigation v5にアップグレードしている最中です。その際 AppNavigator は、私のメインのApp.jsファイルに渡され、古いコードは次のようになります。 import { createAppContainer, createSwitchNavigator, createStackNavigator } from 'r

    2022-02-26 10:05:23
  • [解決済み] Error: yarn start - エラー コマンド "start" が見つかりません。

    質問 私はReactを学ぼうとしており、それを始めるためにプライベートリポを使用しています。 私は yarn start をレポのディレクトリで実行しても、エラーメッセージが表示されます。 yarn run v1.13.0 error Command "start" not found. info Visit https://yarnpkg.com/en/docs/cli/run

    2022-02-26 09:37:14
  • [解決済み] React Router - バージョン更新後のwithRouterでTypescriptエラーが発生する。

    質問 Reactアプリを以下のようにアップグレードしました。 react-router - 4.0.19 → 4.0.20 react - 16.0.30 から 16.0.34 typescript- バージョン "2.7.0-insiders.20180108"。 私のアプリでは、'withRouter' を使用しているところではどこでも、不可解な Typescript エ

    2022-02-26 03:29:06
  • [解決済み] アクシオスは定義されていません

    質問 axiosを使って、React.jsで簡単な天気予報アプリを作成しています。コードを完成させたところですが、問題があります。そのアプリを起動すると、まったく動作せず、次のような参照エラーが表示されます。 axios is not defined . 以下は、私の webpack.config.js ファイルです。 module.exports = { entry: './

    2022-02-25 11:50:06