reactjs - BinaryDevelop

[解決済み] Visual Studioのコード変更フォーマット(React-JSX)

質問 index.jsに以下のスニペットを記述しています。 class App extends Component { render() { return ( <div style = { styles.app } > Welcome to React! </div> )

2022-10-06 01:54:19
[解決済み] Reactで複数行のテキストをレンダリングする方法

質問改行を含む文字列があり、それを以下のようにレンダリングするとします。 render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } HTMLでは、改行が改行としてレンダリングされません。Reactではどうすればいいのでしょうか？私は変換したくありません <

2022-10-01 14:30:15
[解決済み] リアクトコンポーネントの状態をリセットするには？

質問コンセプト的にステートフルなリアクトコンポーネントをリセットしたいことがあります。理想的な動作は、古いコンポーネントを削除して、新しい、原始的なコンポーネントを読み込むことと同等です。 Reactはメソッドを提供しています。 setState というメソッドがあり、コンポーネント自身の明示的な状態を設定できますが、ブラウザのフォーカスやフォームの状態などの暗黙的な状態は除外され

2022-09-24 09:22:44
[解決済み] Typescript + React/Redux: プロパティ "XXX" が型 'IntrinsicAttributes & IntrinsicClassAttributes' に存在しない。

質問私はTypescript、React、Redux（すべてElectronで動作）を使ったプロジェクトに取り組んでいますが、あるクラスベースのコンポーネントを別のコンポーネントに含め、それらの間でパラメータを渡そうとしたときに問題に遭遇しました。大雑把に言うと、コンテナ・コンポーネントは以下のような構造になっています。 class ContainerComponent extends

2022-09-19 16:23:44
[解決済み] React JS index.js ファイルが id 参照のために index.html に連絡する方法とは？重複

質問この質問はすでにここに回答があります : Create-React-Appアプリケーションのindex.htmlとindex.jsの接続はどこにあるのでしょうか？ (回答1件)

2022-09-18 14:19:37
[解決済み] ReactJSの動的属性

質問ボタン要素の disabled 属性を動的にインクルード/オミットしたいです。動的な属性値の例はたくさん見ましたが、属性そのものは見ませんでした。私は次のレンダー関数を持っています。 render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return &lt

2022-09-15 08:34:54
[解決済み] componentWillUnmountで取得をキャンセルする方法

質問タイトルにある通りだと思います。取得中のコンポーネントをアンマウントするたびに、黄色い警告が表示されます。コンソール警告を呼び出すことができません。 setState (または forceUpdate ) をアンマウントされたコンポーネントの上に置くことができます。これは仕方がないことですが、、、。修正するには、サブスクリプションと非同期タスクをすべてキャンセル

2022-09-12 21:21:44
[解決済み] ReactJSのステートとプロップ

質問これは、回答可能か意見かの境界線を踏むかもしれませんが、私は複雑さが増すにつれてReactJSコンポーネントをどのように構成するかについて、行ったり来たりしており、いくつかの指示を得ることができます。 AngularJS から来て、私のモデルをプロパティとしてコンポーネントに渡し、コンポーネントがモデルを直接修正するようにしたいのですが、どうすればよいでしょうか。それとも、モデル

2022-09-04 17:35:27
[解決済み] Reactの要素にユニークなキーを作成するには？

質問リストを作って保存できるReactアプリを作っているのですが、Reactは要素がユニークキープロップを持っていないという警告を出しています（要素 List/ListForm）。ユーザが作成した要素に対して、どのようにユニークなキーpropを作成すればよいのでしょうか？以下は、私のReactコードです。 var TitleForm = React.createClass({ h

2022-08-25 18:18:17
[解決済み] ルートパラメータを変更したときにコンポーネントが再マウントされない

質問 react-routerを使用したreactアプリケーションに取り組んでいます。私は以下のようなURLを持つプロジェクトページを持っています。 myapplication.com/project/unique-project-id プロジェクトコンポーネントがロードされると、componentDidMountイベントからそのプロジェクトに対するデータ要求をトリガーします。現在、

2022-08-25 09:33:19
[解決済み] フラックスストアとアクション、どちらを外部サービスに接触させるべきか？

質問ストアは自分自身の状態を維持し、そうすることでネットワークやデータストレージサービスを呼び出す能力を持つべきでしょうか...その場合、アクションは単なる馬鹿なメッセージパサーです。 -または ...ストアはアクションから不変のデータを受け取るべきでしょうか（そして、アクションは外部ソース間でデータをフェッチ/送信するものでしょうか）？この例では、ストアはビューモデルとして動作し

2022-08-23 02:17:57
[解決済み] React.jsのフォームコンポーネントでstateやrefsを使う？

質問 React.jsを使い始めて、簡単なフォームを作りたいのですが、ドキュメントを見ると、2つのやり方があるようです。その最初のものは参考文献 : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author =

2022-08-19 15:14:14
[解決済み] react-router v4で履歴を取得するには？

質問 React-Router v3 から v4 への移行に少し問題があります。 v3ではどこでもできたのですが。 import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); v4でこれを実現するにはどうしたらいいでしょうか。私は、私が使用することができることを知っている、ホ

2022-08-10 18:34:12
[解決済み] プロップ変更時にReactコンポーネントを再レンダリングする

質問コンテナコンポーネントから表示用コンポーネントを分離しようとしています。私は SitesTable と SitesTableContainer . コンテナは、現在のユーザーに基づいて適切なサイトを取得するためにreduxアクションをトリガーする役割を担っています。問題は、コンテナコンポーネントが最初にレンダリングされた後に、現在のユーザが非同期にフェッチされることです。つ

2022-08-02 06:12:23
[解決済み] マテリアルUIとグリッドシステム

質問私は今素材-UI . グリッドレイアウトを作成するためのオプションはありますか ( ブートストラップ )? そうでない場合、この機能を追加する方法は何ですか？あるのは GridListコンポーネントがありますが、何か別の目的があるのでしょう。どのように解決するのですか？ Material UI では、独自の Flexbox レイアウトを

2022-07-28 08:47:49
[解決済み] create-react-appのpublic/manifest.jsonファイルとは何ですか？

質問クロームの拡張機能では「manifest.json」を使用することは知っていますが、ここでは別のものとしても使用されています。コンテンツ { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico",

2022-07-25 06:32:52
[解決済み] useEffectで、最初のレンダリング時にエフェクトの適用をスキップするにはどうすればよいですか？

質問 Reactの新しいEffect Hooksで、再レンダリングの間に特定の値が変化していない場合、Reactに効果の適用をスキップするように指示することができます。 useEffect(() => { document.title = `You clicked ${count} times`; }, [count]); // Only re-run the effect if

2022-07-23 16:18:52
[解決済み] 不変量違反。このナビゲーターでは、ナビゲーションプロップがありません。

質問 reactネイティブアプリを起動しようとすると、このようなメッセージが表示されます。通常、このような形式は他のマルチスクリーンナビゲーションでは機能しますが、この場合はなぜか機能しません。以下がそのエラーです。 Invariant Violation: The navigation prop is missing for this navigator. In react-na

2022-07-20 14:41:07
[解決済み] webpack は jsx という名前のファイルがあると、モジュールを見つけることができません。

質問 webpack.config.jsをこのように書いています。 module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modu

2022-07-18 20:31:46
[解決済み] Jestテストが失敗する : TypeError: window.matchMedia is not a function.

質問初めてフロントエンドのテストを経験します。このプロジェクトでは、私はJestのスナップショットテストを使っていますが、エラーが発生しました。 TypeError: window.matchMedia is not a function というエラーが発生しました。 Jestのドキュメントを見てみると、quot;Manual mocks"のセクションがありましたが、それをどのように

2022-07-16 04:41:10

最新

おすすめ