• [解決済み] ReactのAPIは小さいのに、なぜファイルサイズがこんなに大きいのか?

    疑問点 以下は数字です。 min+gzip 26k gzip 90k オリジナル 450+k そして、Reactはドキュメントにあまり特徴が書かれていません。なぜこんなに大きいのでしょうか? 軽量DOMの実装のような気がしている。でも、確かめたいんです。 どうすれば解決するのか? React はかなり多くのことをします! React の最大の目立たない部

    2023-04-04 19:54:11
  • [解決済み] sublime textのJSXフォーマッターはありますか?

    質問 テキストエディタとしてSublime Textを使用しています。 javascriptファイルをフォーマットするためのjsFormatはありますが、JSX用のものが見当たりません。 皆さんはJSXの書式設定をどのように行っていますか? どのように解決するのですか? アップデート 4 確認 プリティア は、esformatter ほど設定可能ではありませんが

    2023-04-03 14:47:44
  • [解決済み] React Hooksによる初期状態へのリセット

    質問 私は現在サインアップフォームを作成しており、以下は私のコードのスニペットです。 const Signup = () => { const [username, setUsername] = useState('') const [email, setEmail] = useState('') const [password, setPassword] =

    2023-04-02 03:24:03
  • [解決済み] reactを使ってHTML5のdata-属性を動的に設定するには?

    質問 のHTML5属性をレンダリングしたい。 <select> のHTML5属性をレンダリングして、reactでjquery image pickerを使えるようにしたいです。私のコードは、次のとおりです。 var Book = React.createClass({ render: function() { return (

    2023-03-27 02:06:16
  • [解決済み] eslintスクリプトを実行するためのpackage.jsonの設定方法

    質問 反応プロジェクトでeslintをリンターとして使用しています。 .js ファイルをチェックしてほしいのです。 スクリプトでできています。 "lint": "eslint back/*.js && eslint backTest/*.js && eslint front/actions/*.js" どのようにすれば、すべての .js ファ

    2023-03-26 02:28:05
  • [解決済み] フォーム入力欄のクリアとリセット

    質問 様々な入力フィールドと、送信とキャンセルのための2つのボタンを含むフォームがあります。 <form id="create-course-form"> <input type="text" name="course_Name" ref="fieldName"> <input type="text" name="course_org" ref="fi

    2023-03-18 09:44:02
  • [解決済み] JSXでclassNameを文字列+{prop}で設定するには?

    質問 私はReactに少し慣れておらず、classNameを文字列+propとして設定しようとしています。しかし、私はそれを行う方法とそれがベストプラクティスであるかどうかがわかりません。 それで、私がやろうとしていることは、明らかにうまくいっていないのですが、次のようなことです。 <a data-featherlight='string' + {this.props.data.

    2023-03-16 06:09:52
  • [解決済み] react.jsでDOMが読み込まれた時のコールバック

    質問 react.jsコンポーネントのDOM要素(すべての子ノードを含む)が実際にページに読み込まれ、準備ができたときにコールバックが呼び出されるようにしたいのです。具体的には、私は同じサイズをレンダリングしたい2つのコンポーネントを持っており、より大きな自然なサイズを持っている方のコンポーネントの最大値を選択します。 次のようになります。 componentDidMount はコンポ

    2023-03-16 05:15:11
  • [解決済み] MUI TextFieldのボーダーカラーを変更する方法

    質問 アウトライン化されたバリアントのアウトラインカラーを変更する方法がわかりません。 TextField GitHub の issue を見て回ったところ、人々が指摘しているのは TextField InputProps"プロパティを使用することを指摘しているようですが、これは何もしていないようです。 以下は現在の私のコードです。 import React fro

    2023-03-11 09:40:33
  • [解決済み] react Material-ui, ボタンにonClickを使用する方法を教えてください。

    質問 docのプロパティ一覧には onClick ( http://www.material-ui.com/#/components/icon-button ) クリックハンドラにonClickを使用する必要があることを知るにはどうすればよいですか? どのように解決するのですか? Material-UIのドキュメントには、React(ネイティブブラウザ)の標準的なイベン

    2023-03-08 22:21:56
  • [解決済み] React Hook : 子コンポーネントから親コンポーネントへのデータ送信

    質問 子コンポーネントから親コンポーネントへデータを渡すための最も簡単な解決策を探しています。 Contextの使用、プロパティの通過、またはプロップの更新について聞いたことがありますが、どれが最良の解決策なのかわかりません。 私は、複数行を選択できるテーブルを持つ子コンポーネントを含むPageComponentで、管理インターフェイスを構築しています。子コンポーネントで選択した行数

    2023-03-07 12:16:50
  • [解決済み] React: 親コンポーネントは状態変化時に変化していない子コンポーネントもすべて再レンダリングする

    質問 明確な答えが見つからないのですが、重複していないでしょうか? 私はシンプルなチャットアプリのためにReact + Reduxを使用しています。このアプリは、InputBar、MessageList、および Container コンポーネントで構成されています。コンテナーは (ご想像のとおり) 他の 2 つのコンポーネントをラップして、ストアに接続されています。自分のメッセージの状態

    2023-03-06 16:02:54
  • [解決済み] create-react-appで相対パスのインポート(/../../.../redux/action/action1)を使用しない方法

    質問 create-react-appパッケージを使用してreactのウェブサイトを作成しています。コンポーネント、リソース、reduxなどをインポートするために、アプリ全体で相対パスを使用していました。 import action from '../../../redux/action 私は モジュールアリス npm パッケージを使用してみましたが、成功しませんでした。私はフォ

    2023-03-03 05:40:39
  • [解決済み] React-Router - リンク vs リダイレクト vs ヒストリー

    質問 どちらを使うか迷うことがあるようです。 <Link to='/some/path'> <Redirect to='/some/path'/> history.push('/some/path') 私は少し前からReact/Routerを使用していますが、異なる投稿/回答は、これらを使用するタイミングに関して異なることを言っており、時には他の誰

    2023-02-27 10:38:50
  • [解決済み] コンポーネントの外側のクリックイベントをリッスンする方法

    質問 ドロップダウンコンポーネントの外側でクリックが発生した場合、ドロップダウンメニューを閉じたいのです。 どうすればよいですか? どのように解決するのですか? 要素に mousedown と mouseup のようにします。 onMouseDown={this.props.onMouseDown} onMouseUp={this.props.onMouseUp}

    2023-02-16 03:32:08
  • [解決済み] タイプスクリプト React: コンポーネントのプロパティタイプにアクセスする

    質問 npmパッケージ @types/react を使うと、TypeScriptアプリの中でReactを使うことができるようになります。 コンポーネントは type Props = {...} type State = {...} export default class MyComponent extends React.Component<Props, State>

    2023-02-14 20:47:17
  • [解決済み] Reactはフック使用時に状態更新関数をバッチ処理しますか?

    質問 クラス部品について。 this.setState はイベントハンドラ内であれば一括して呼び出します。しかし、状態がイベントハンドラの外側で更新された場合、どうなるでしょうか。 useState フックを使用した場合はどうなるでしょうか? function Component() { const [a, setA] = useState('a'); const [b, se

    2023-02-13 01:03:06
  • [解決済み] SharedArrayBufferは2021年5月頃のM91でクロスオリジンアイソレーションが必要になります。

    質問 リアクトアプリを作成する際に npx create-react-app でreactアプリを作成して実行すると、DevToolsで警告がポップアップします(Chrome 88および89)。 scheduler.development.js:298 [Deprecation] SharedArrayBuffer は、2021年5月頃の M91 でクロスオリジン分離が必要になりま

    2023-02-07 22:09:10
  • [解決済み] React 16におけるclassとclassNameの比較

    質問 React16では、DOMに属性を渡すことができるようになりましたね。ということは、classNameの代わりに'class'が使えるということですよね? 以前のバージョンのReactとの後方互換性以外に、classよりもclassNameをまだ使う利点があるのかどうか気になるところです。 どのように解決するのですか? class はjavascriptのキーワードで、J

    2023-02-01 07:20:37
  • [解決済み] ReactJSのcomponentWillMountとcomponentDidMountの違いは何ですか?

    質問 Facebookのドキュメントを見たところ、( React.Component(リアクトコンポーネント ) のドキュメントを見ると、どのように componentWillMount がクライアント/サーバ上で呼び出されるのに対して componentDidMount はクライアントのみで実行されます。何をするかというと componentWillMount はサーバに何

    2023-01-29 01:46:37