BinaryDevelop

  • エンザイムはアダプターの構成を期待している

    質問 create-react-appで新しいReactアプリケーションを作成し、その中で作成した"MessageBox"というコンポーネントに対してユニットテストを書きたいと思いました。これは、私が書いたユニットテストです。 import MessageBox from "../MessageBox"; import { shallow } from 'enzyme'; import R

    2023-09-04 15:07:30

  • React ステートレスな関数型コンポーネントにおける PropTypes

    質問 Reactで、ステートレスな機能コンポーネントを書きましたが、Prop Typeの検証を追加したいと思います。 List コンポーネントを作成しました。 import React from 'react'; import PropTypes from 'prop-types'; function List(props) { const todos = props.todo

    2023-09-01 07:26:22

  • 私のcreate-react-appはESLintエラーによりコンパイルに失敗する

    質問 新しいテンプレートを作成したところ create-react-app で 反応 v17 が含まれ、eslintの依存関係を以前と同じようにインストールした、私のpackage.jsonファイルは以下の通りです。 { "name": "gym-nation", "version": "0.1.0", "private": true, "dependencie

    2023-09-01 03:26:24

  • [解決済み] Reactのクラスコンポーネントでsuper()が非推奨になった理由を理解する

    疑問点 私はReactの初心者で、最新版のReactでReactコンポーネントのライフサイクルについて学んでいます。以下の部分コードの私の "super" 呼び出しは、示された非推奨の警告でフラグが立っています。多くのドキュメントがまだ "super" を使用しており、フィードバックにリンクされた完全な記事からも、後継が何であるかが分からないので、私はこれを理解するのに苦労しています。何かア

    2023-08-31 04:36:32

  • Typescript - Reactコンポーネントで "Cannot find name "エラー

    質問 私は既存のReactのコードをTypeScriptに移行しているのですが、多くの問題にぶつかっています。 .js ファイル .ts ファイルです。 以下は問題のコードです。 import React from 'react'; const Footer = ({ children, inModal }) => ( <footer className={

    2023-08-26 19:21:28

  • ReactJSやReact NativeでクラスのコンストラクタにsetState()関数を使用するとどうなりますか？

    質問 興味本位で、もし私が setState() 関数を使用した場合、何が起こるのでしょうか？ 例えば、次のようなものです。 constructor(props) { super(props); this.setState({title: 'new title'}); } Reactのライフサイクルはどうなるんだろう？ Reactの中のコードは読んでないです。その

    2023-08-21 04:29:17

  • React ルータのリダイレクトをアクション後に行う redux

    質問 私は react-redux と react-router . アクションがディスパッチされた後にリダイレクトする必要があります。 例えば 私はいくつかのステップを登録しました。そして、アクションの後。 function registerStep1Success(object) { return { type: REGISTER_STEP1_SUCC

    2023-08-19 17:38:42

  • MaterialUI カスタムホバースタイル

    質問 私はReactの初心者ですが、マテリアルUIでクラスをオーバーライドする方法について少し混乱しています。私は例を見て、それを模倣しようとしましたが、それは私がやりたいことをやっていないようです。 基本的に、テーブル行のホバー時に、現在とは異なる背景色を設定するようにしたいのです。 以下は私のアプローチです。 const styles = theme => ({ ro

    2023-08-13 03:48:54

  • [解決済み] ReactJS: なぜコンポーネントの初期状態をpropで渡すとアンチパターンになるのか？

    質問 私は、ライブアップデートのためにSocketIOの助けを借りて小さなReactJSダッシュボードを作成しました。ダッシュボードが更新されているにもかかわらず、私はそれが正しく行われたかどうかかなり確信がないことを悩ませます。 何が一番困るかというと アンチパターンとして getInitialState 内の小道具 の投稿です。私は、サーバーからライブアップデートを取得するダ

    2023-08-07 19:38:03

  • React.Componentを継承したクラスがReactでgetInitialStateを使えない件

    質問 ReactでES6構文を試行錯誤しており、以下のようなコンポーネントを書いています。 export default class Loginform extends React.Component { getInitialState() { return { name: '', password: '' }

    2023-08-06 04:03:14

  • useContextフックに依存するreactコンポーネントをテストするには？

    質問 あるコンポーネントで useContext を使用し、その出力はコンテキストの値に依存します。簡単な例です。 import React, { useContext } from 'react'; const MyComponent = () => { const name = useContext(NameContext); return <div>

    2023-08-05 04:55:07

  • React Nativeでステータスバーを非表示にする

    質問 React Nativeで開発する際、iOSやAndroidのステータスバーを非表示にするにはどうしたらよいでしょうか。StatusBarをインポートしましたが、StatusBarIOSやAndroid用のStatusBarもあるかと思います。 どのように解決するのですか？ ステータスバーを非表示にする方法がわかりました。まず、StatusBarIOSは 非推奨 になっ

    2023-08-03 10:57:33

  • [解決済み] 関数コンポーネントのshouldComponentUpdate

    質問 Reactの shouldComponentUpdate (について質問があります（上書きされていない場合）。私は純粋な、関数コンポーネントが好きですが、私はprops/stateが変更されていないにもかかわらず、それが毎回更新されることを恐れています。 だから私は代わりにPureComponentクラスを使用することを検討しています。 それに関する私の質問です。 ファンクショ

    2023-07-30 15:27:46

  • [解決済み] 画像を動的に追加する React Webpack

    質問 ReactとWebpackで画像を動的に追加する方法を考えています。 私は下に画像フォルダを持っている src/images の下にコンポーネントがあり src/components/index . 私はwebpackのために以下の設定でurl-loaderを使用しています。 { test: /\.(png|jpg|)$/, load

    2023-07-26 13:22:47

  • [解決済み] Webpack / Babel / Reactのビルドエラーです。"不明なオプション: foo/node_modules/react/react.js.Children"

    質問 webpackとreactでプロジェクトを構築しようとしているのですが、webpackの設定はこのようになっています。 var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/ma

    2023-07-25 19:53:45

  • [解決済み] 兄弟要素を親タグで折り返さずにレンダリングするには？

    質問 ほとんどの場合、親タグを持つことは問題ではありません。 React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr>

    2023-07-20 21:07:26

  • error TS2339: Property 'for' does not exist on type 'HTMLProps<HTMLLabelElement>'.

    質問 typescriptとreactを使用して、間違いなく型付けされた型定義があるTSXファイルを使用すると、エラーが発生します。 error TS2339: Property 'for' does not exist on type 'HTMLProps&lt;HTMLLabelElement&gt;'. 以下のTSXを持つコンポーネントをコンパイルしようとすると &lt;l

    2023-07-18 01:56:16

  • [解決済み] 警告 ブール値でない属性に `false` を受け取りました。カスタムboolean属性にbooleanを渡すにはどうしたらよいですか？

    質問 Warning: Received `false` for a non-boolean attribute `comingsoon`. If you want to write it to the DOM, pass a string instead: comingsoon="false" or comingsoon={value.toString()}. Reactのカスタム

    2023-07-14 22:57:50

  • [解決済み] componentDidMount()での状態設定

    質問 に状態を設定することがアンチパターンであることは承知しています。 componentDidMount に状態を設定するのはアンチパターンであり、状態は componentWillMount の数の長さを設定したいが、仮に li タグの長さを状態として設定したいとします。その場合、状態を設定するのは componentWillMount に状態を設定することはできません。

    2023-07-11 01:37:53

  • 動的なキーを持つオブジェクトのPropTypesチェック

    質問 Reactには、PropTypesを使ってpropの値をチェックする方法がたくさんあります。私がよく使うのは React.PropTypes.shape({...}) . しかし、私は最近、内部に動的なキー/値を持つオブジェクトを持っている状況に出くわしました。各キーは文字列 (既知の形式) であるべきで、各値は int であるべきであることは分かっています。カスタムのプロップ検証関

    2023-07-10 20:23:33

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します