reactjs - BinaryDevelop

[解決済み] create-react-app使用時にカスタムビルド出力フォルダを使用する。

質問 Facebookでは create-react-app コマンドを実行してreactアプリをビルドします。を実行すると npm run build を実行すると、出力は /build フォルダーに出力されます。 npm実行ビルド本番用のアプリをビルドフォルダにビルドします。これは本番モードでReactを正しくバンドルし、最高のパフォーマンスのためにビル

2022-05-13 03:15:30
[解決済み] React Routerでページをリダイレクトする方法とは？[クローズド］

質問終了 . この質問はオピニオンベース . 現在、回答は受け付けておりません。この質問を改善したいですか？質問を更新して、事実と引用で答えられるようにします。この投稿を編集する . 終了

2022-05-10 18:51:36
[解決済み] MakeStyles を使用してコンポーネントのスタイルを設定し、マテリアル UI のライフサイクルメソッドを維持するにはどうすればよいですか？

質問を使用しようとすると、以下のエラーが発生します。 makeStyles() を、ライフサイクル・メソッドを持つコンポーネントで使用することができます。無効なフック呼び出しです。フックは、関数コンポーネントの本体内部でのみ呼び出すことができます。これは、次のいずれかの理由で発生する可能性があります。 Reactとレンダラー（React DOMなど）のバージョンが不一致であ

2022-05-09 14:06:08
[解決済み] react hooks useEffect() cleanup for only componentWillUnmount?

質問私の問題を簡単に解決するために、このコードの結果を説明しましょう。 const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { con

2022-05-08 18:28:03
[解決済み] React + ES6 + webpackを使用してコンポーネントをインポートおよびエクスポートする方法？

質問で遊んでいます。 React と ES6 使って babel と webpack . 複数のコンポーネントを別々のファイルにビルドして、1つのファイルにインポートして、バンドルしたいのですが webpack 例えば、こんなコンポーネントがいくつかあるとします。 my-navbar.jsx import React from 'react'; import Nav

2022-05-07 02:08:33
[解決済み] react-routerでルート変更を検出する

質問閲覧履歴に応じたビジネスロジックを実装する必要があります。やりたいことは、こんな感じです。 reactRouter.onUrlChange(url => { this.history.push(url); }); URLが更新されたときにreact-routerからコールバックを受け取る方法はありますか？解決方法は？を使用することができます。 h

2022-05-06 12:19:45
[解決済み] Reactコンポーネントでコンポーネントのデフォルトプロップスを設定する方法

質問 Reactコンポーネントにデフォルトプロップスを設定するために以下のコードを使用していますが、うまくいきません。以下のコードで render() メソッドを実行すると、ブラウザのコンソールに "undefined props" という出力が表示されるのを確認できます。コンポーネントのpropsにデフォルト値を定義するにはどうすればよいですか？ export default cla

2022-04-29 02:40:57
[解決済み】フォーム要素の状態を兄弟/親要素に渡す正しい方法とは？

質問 ReactのクラスPがあり、C1とC2という2つの子クラスをレンダリングしているとします。 C1には入力フィールドがあります。この入力フィールドをFooと呼ぶことにする。私の目標は、Fooの変更にC2が反応するようにすることです。 2つの解決策を思いついたのですが、どちらもいまいちしっくりきません。第一の解決策 Pに状態を割り当てる。 state

2022-04-28 23:21:09
[解決済み] React.cloneElementとthis.props.childrenはいつ使い分ければいいのでしょうか？

質問私はまだReactの初心者ですが、インターネット上の多くの例で、子要素のレンダリングにこのようなバリエーションがあるのを見かけ、困惑しています。通常、私はこれを見ます。 class Users extends React.Component { render() { return ( <div> <h2>Users&lt

2022-04-28 21:44:28
[解決済み] react.jsでEnterキーを使ってフォームを送信するには？

質問ここに私のフォームとonClickメソッドがあります。キーボードのEnterボタンが押されたときに、このメソッドを実行したいのですが。どのようにすればよいですか？注 jqueryは使わないでください。 comment: function (e) { e.preventDefault(); this.props.comment({comme

2022-04-28 20:24:15
[解決済み] useCallbackとuseMemoは実際どう違うの？

質問もしかしたら何か勘違いしているかもしれませんが、useCallback Hookは再レンダリングが発生すると毎回実行されます。私は、useCallbackの第2引数として、不変の定数であるinputsを渡しましたが、返されたメモ化コールバックは、レンダリングのたびに私の高価な計算を実行します（私は確信しています。） useCallbackをuseMemoに変更しました。use

2022-04-28 04:11:51
[解決済み] React - HTMLタグをpropsで渡すには？

質問テキストにHTMLタグを付けて、以下のように渡せるようにしたい。 <MyComponent text="This is <strong>not</strong> working." /> しかし、その中の MyComponent の render メソッドをプリントアウトすると this.props.text は、文字通りすべてをプリント

2022-04-26 22:18:17
[解決済み] リアクトエンザイムが2番目（またはn番目）のノードを見つける

質問 Jasmine Enzymeのシャローレンダリングで、Reactコンポーネントをテストしています。この質問の目的のためにここで簡略化すると... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" />

2022-04-25 16:15:29
[解決済み] ReactでフォームラベルのユニークなIDを生成する方法は？

質問 form 要素に label をリンクするためのユニークなIDを持ちたいのです。 label を持つ要素に htmlFor 属性で指定します。このようなものです。 React.createClass({ render() { const id = ???; return ( <label htmlFor={i

2022-04-24 17:06:59
[解決済み] useEffectの無限ループ

質問 React 16.7-alphaの新しいフックシステムで遊んでいるのですが、扱う状態がオブジェクトまたは配列の場合、useEffectで無限ループに陥ってしまいます。まず、useStateを使用して、このように空のオブジェクトで開始します。 const [obj, setObj] = useState({}); そして、useEffectで、setObjを使って、再び空の

2022-04-24 16:17:47
[解決済み] ネストされたReactコンポーネントのクリック時のイベントバブリングを防止するにはどうすればよいですか？

質問ここに基本的な部品があります。このコンポーネントは <ul> と <li> には、onClick関数があります。にはonClickだけが欲しい。 <li> を発火させるのであって <ul> . どうすれば実現できるのでしょうか？ e.preventDefault(), e.stopPropagation() などで遊んでみ

2022-04-22 16:44:33
[解決済み] reactアプリで「Attempted import error:」を受信する。

質問 Reactアプリを実行しようとすると、以下のエラーが表示されます。 ./src/components/App/App.js インポートの試行錯誤：'combineReducers' は '../../store/reducers/' からエクスポートされません。以下は、私がエクスポートしている方法です。 combineReducers : impo

2022-04-22 14:09:12
[解決済み] react-routerでユーザーのページ離脱を検知する。

質問 ReactJSアプリで、特定のページから移動したときにユーザーに通知したいのです。具体的には、ある行動をするように思い出させるポップアップメッセージを表示します。 "変更は保存されましたが、まだ公開されていません。今すぐ実行しますか?"。このトリガーは react-router それとも、reactのページ/コンポーネントの中から行うことができるものでしょうか？

2022-04-22 10:23:58
[解決済み] Reactのレンダー機能でif...else...文を使用することは可能ですか？

質問基本的に、私はリアクトコンポーネントを持っており、その render() 関数本体は以下の通りです。(これは私の理想のもので、現在は動作しないということです) render(){ return ( <div> <Element1/> <Element2/>

2022-04-21 12:39:02
[解決済み] この「react-scripts eject」コマンドは何をするものなのでしょうか？

質問何をするのか？ npm run eject コマンドは？他のコマンド（start, build, test）が何をするものかは理解しています。しかし、イジェクトについては全く分からない。解決するには？ create-react-appは、内部で使用しているすべてのnpmモジュールをカプセル化するため、package.jsonは非常にクリーンでシンプルになり、あなたが気にする

2022-04-20 15:26:51

最新

おすすめ