reactjs - BinaryDevelop

[解決済み] React Componentでsvgアイコン(.svgファイル)をUIに表示する方法とは？

質問 reactでsvgを扱うライブラリはたくさんありますが、svgファイルをreactコンポーネントでインポートする方法を教えてくれるものはありません。.svgアイコンを画像として使用し、UIに表示するのではなく、svgコードをreactに取り込むというコードを見たことがあります。アイコンを埋め込む方法があれば教えてください。どのように解決するのですか？直接 .svg

2022-07-15 22:57:38
[解決済み] 0行目：パージングエラー。未定義のプロパティ 'map' を読み取ることができません。

質問現在、クライアント側でサーバーを立ち上げているのですが、上記のようなエラーが出ています。を取得しています。Typescript、React、ESLintを使用しています。このエラーに悩まされ、なかなか前に進めません。このエラーに悩まされ続けています。Eslintのgithubのページもあまり役に立ちませんでした。このエラーは、useMutationコンポーネントを作成し、

2022-07-14 04:50:30
[解決済み] ReactJSの「開発モード」をON/OFFするには？

質問 ReactJSの propの検証機能を使い始めました。ドキュメントによると、パフォーマンス上の理由から「開発モード」でのみ機能するようです。 Reactは私がアノテーションした特定のコンポーネントのプロパティを検証しているようですが、私は明示的に「開発モード」をオンにした覚えはありません。開発モードをトリガー/トグルする方法を検索してみましたが、うまくいきませんでした

2022-07-07 09:38:16
[解決済み] tslintがconsole.logの呼び出しは許可されないと言いました - どのように私はこれを許可するのですか？

質問 typescriptでcreate-react-appを使い始めたところです。 create-react-app my-app --scripts-version=react-scripts-ts で、デフォルトのtslint.jsonの設定では、console.log()が使えません。 console.logを(今のところ)有効にするにはどうしたらよいでしょうか。

2022-07-04 02:12:29
[解決済み] React.render()をDOM内で複数回使ってもいいのか？

質問 Reactを使って、DOM上に複数回コンポーネントを追加したいのですが、どうすればよいですか？このフィドルは、私がやりたいことを示し、何のエラーも投げていません。以下はそのコードです。 HTMLです。 <div id="container"> <!-- This element's contents will be replaced with

2022-06-29 05:57:58
[解決済み] reactのコンポーネントをmapとjoinでレンダリングするには？

質問私は、文字列の配列を表示するコンポーネントを持っています。コードは次のようになります。 React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) 全く問題なく動

2022-06-28 07:48:39
[解決済み] チェックボックスイベントハンドラの `MouseEvent` はなぜ一般的ではないのですか？

質問チェックボックスのTSX(JSX)要素を持っています。 <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> VSのコードで、入力パラメータの型が this.handleCheckboxClick は MouseEvent<HTMLInputEle

2022-06-23 09:05:18
[解決済み] React-Router リンクを新しいタブで開く

質問このような場合リアクト・ルーターを新しいタブで開くようにする方法はありますか？試してみましたが、うまくいきませんでした。 <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> のようなものを追加することでふんわりとさせることが可能です。 on

2022-06-20 19:24:47
[解決済み] MUIでコンポーネントをセンタリングし、レスポンシブにするには？

質問 ReactのMaterial-UIグリッドシステムをよく理解していません。ログイン用のフォームコンポーネントを使用したい場合、すべてのデバイス（モバイルとデスクトップ）でそれを画面の中央に配置する最も簡単な方法は何ですか？どのように解決するのですか？ログインページで使用するのですから。以下は、Material-UIを使用したログインページで使用したコードです。 MU

2022-06-06 15:50:48
[解決済み] React/Redux/Typescriptの通知メッセージでコンポーネントをアンマウント、アンレンダリング、または削除する方法

質問この質問はすでに何度かされていると思いますが、ほとんどの場合、責任の流れが下降するのみなので、解決策は親でこれを処理することです。しかし、時にはコンポーネントをそのメソッドの1つから削除しなければならないことがあります。プロップを変更できないことは分かっていますし、ステートとしてブール値を追加し始めると、単純なコンポーネントとしては本当に厄介なことになりそうです。以下は、私が達成しよ

2022-05-30 13:29:33
[解決済み] react jsでonchangeイベントを発生させる最良の方法は何ですか？

質問 Backbone + ReactJSのバンドルを使って、クライアントサイドのアプリを構築しています。主に悪名高い valueLink に依存し、双方向バインディングのための ReactJS インターフェースをサポートする独自のラッパーを介して、値をモデルに直接伝播させます。ここで問題に直面しました。私たちは jquery.mask.js プラグインがあり、これは入

2022-05-27 04:26:08
[解決済み] webpack を使ってディレクトリから画像を動的にインポートする

質問 ES6を使ってwebpackで画像やアイコンを取り込むための現在のワークフローを紹介します。 import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtl

2022-05-18 08:12:35
[解決済み] TypeScriptでReactのステートレス機能コンポーネントを使用して子供を使用する方法？

質問 ReactでTypeScriptを使用する場合、もはや React.Props を拡張する必要はありません。 interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <di

2022-05-17 17:34:13
[解決済み] React, ES6 - getInitialStateがプレーンなJavaScriptクラスで定義されていた。

質問以下のようなコンポーネントがあります ( radioOther.jsx ): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitial

2022-05-17 16:19:44
[解決済み] Reactjsの{...this.props}の意味は何ですか？

質問の意味は何ですか？ {...this.props} という風に使おうとしているのですが <div {...this.props}> Content Here </div> どのように解決するのですか？これは属性が広がっています。と呼ばれるもので、その目的は小道具の受け渡しを容易にすることです。 N 個のプロパティを受け付け

2022-05-17 07:46:55
[解決済み] reduxでthis.setState()は絶対使うべき？

質問あなたは今まで this.setState() を使うべきでしょうか？それとも常にアクションをディスパッチし、propsに依存すべきでしょうか？どのように解決するのですか？の明確な使用方法 setState は、ローカルな表示状態を持つが、グローバルなアプリケーションには関係ない UI コンポーネントのために使用されます。たとえば、特定のドロップダウンメニューがア

2022-05-15 10:06:12
[解決済み] jsxにpropsとしてオブジェクトを渡す

質問あるオブジェクトに複数の共通のキーと値を持つプロップがあり、それをいくつかのjsxに渡したいのです。このようなものです。 const commonProps = {myProp1: 'prop1',myProp2: 'prop2'}; <MyJsx commonProps /> これを個別のプロップスを渡すように機能させたい。 <MyJsx myProp1=

2022-05-15 01:20:29
[解決済み] reduxのステートツリーをリフレッシュ時に持続させるには？

質問 Reduxドキュメントの第一原則は。アプリケーション全体の状態は、1つのストア内のオブジェクトツリーに格納されます。そして実際、私はすべての原則をよく理解していると思っていました。しかし、アプリケーションとは何を意味するのか、今になって混乱しています。アプリケーションが、ウェブサイト内のちょっとした複雑な部分の1つを意味し、1つのページだけで動作するのであれば、

2022-05-14 23:09:48
[解決済み] Reactの子コンポーネントが親の状態を変更した後に更新されない

質問私は、様々な子コンポーネントにデータを入力するための素晴らしいApiWrapperコンポーネントを作ろうとしています。私が読んだすべてのものから、これは動作するはずです。 https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(pr

2022-05-14 13:25:17
[解決済み] ESLintのreact/prop-typesルールを無効化する方法は？

質問私は React と ESLint と eslint-plugin-react . 私は disable は prop-types のルールを一つのファイルにまとめることができます。 var React = require('react'); var Model = require('./ComponentModel'); var Component = R

2022-05-13 18:52:58

最新

おすすめ