reactjs - BinaryDevelop

[解決済み] フラットリストを再レンダリングするには？

質問 ListViewと違い、this.state.datasourceを更新することができます。FlatListを更新したり、再レンダリングする方法や例はありますか？私の目標は、ユーザーがボタンを押したときにテキストの値を更新することです... renderEntries({ item, index }) { return( <TouchableHig

2022-11-29 11:24:18
[解決済み] React: useStateとuseRefのどちらを使うか？

質問私はReactについて読んでいます useState() と useRef() を"で。フックFAQ で、useRefとuseStateを同時に使って解決しているようなユースケースがあって、どっちが正しいのかわからなくなりました。 Hooks FAQ"より。 useRef()について : useRef()フックはDOM Refのためだけではありません。ref

2022-11-27 07:43:57
[解決済み] リアクトナビゲーションで戻るボタンを無効にする

質問 react native navigation (react-navigation) StackNavigatorを使用しています。アプリのライフサイクル全体を通して、ログインページからスタートします。私は、ログイン画面に戻るオプションを持ちたくありません。ログイン画面の後の画面に非表示にする方法をご存知の方はいらっしゃいませんか？ちなみに、ログイン画面でも、使って隠しています。

2022-11-25 22:21:53
[解決済み] React onClick と preventDefault() リンクのリフレッシュ/リダイレクト？

質問 reactでリンクをレンダリングしています。 render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` そして、上記にはアップヴォート機能があります。 upvote: -> // do stuff (ajax) リンクの前はその場所にスパンを置いて

2022-11-22 13:45:36
[解決済み] Reactフックで入力を処理する

質問フックを使ってテキスト入力を処理する方法がいくつかあるようです。フックで入力を処理する方法として、より好ましい、あるいは適切な方法は何でしょうか？あなたならどれを使いますか？ 1) 最もシンプルなフックですが、フィールドが多くなればなるほど、繰り返し書かなければならないコードも多くなります。 const [username, setUsername] = useState('')

2022-11-18 18:50:13
[解決済み] ReactJS: 子コンポーネント内の親コンポーネントへのsetState

質問子コンポーネントから親コンポーネントに setState を行うための推奨されるパターンは何でしょうか。 var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done"

2022-11-12 14:44:16
[解決済み] create-react-appでAPIキーを非表示にするには？

質問 create-react-appでお天気アプリを作りました。GitHubにコミットできるようにAPIキーを隠すにはどうしたらよいでしょうか。今現在、キーはApp.jsの中にあります。 const API_KEY = "123456" です。どのように解決するのですか？残念ながら、Reactクライアントで任意のキーを保持することは、たとえgitignoreと .env

2022-11-12 07:44:14
[解決済み] ReactJS - コンポーネントにカスタムイベントリスナーを追加する

質問古いHTMLの中にDIVがあります。 <div class="movie" id="my_movie"> と、以下のjavascriptのコード var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) {

2022-11-11 13:13:34
[解決済み] Visual Studio CodeでのJSXまたはHTMLのオートコンプリート

質問 Visual Studio CodeでコンポーネントやHTML補完を使う方法はありますか？Bootstrapなどのクラスがある場合、各文字を手動で入力するのは良いアイデアではありません。例えば、Emmetのような補完です。 ul>li*2>a var React = require('react'); var Header = React.createClass({

2022-11-10 20:43:28
[解決済み] Reactのコンポーネント間で関数を共有するための正しい方法

質問私は、すべてが同じことを行う必要がある複数のコンポーネントを持っています。(その子コンポーネントをマッピングし、それぞれに何かを行う単純な関数）。現時点では、私はこのメソッドを各コンポーネントで定義しています。しかし、私はそれを一度だけ定義したいのです。私はトップレベルのコンポーネントでそれを定義し、そしてそれをpropとして下に渡すことができました。しかし、それはあまり正しいと

2022-11-10 08:05:20
[解決済み] インポート試行錯誤: 'useHistory' は 'react-router-dom' からエクスポートされません。

質問 useHistoryでこのエラーが発生します。コンパイルに失敗しました ./src/pages/UserForm/_UserForm.js Attempted import error: 'useHistory' is not exported from 'react-router-dom'. このこのエラーはビルド時に発生したもので、解除することはできません。 rea

2022-11-04 13:37:17
[解決済み] テストごとにJestのモック関数の戻り値を変更するには？

質問私のコンポーネントテストファイルには、次のようなモックモジュールがあります。 jest.mock('../../../magic/index', () => ({ navigationEnabled: () => true, guidanceEnabled: () => true })); これらの関数は、ある特定の機能を隠したり表示し

2022-11-04 01:39:56
[解決済み] Reactのrefの正しいproptypeは何ですか？

質問私はreduxストアにrefを保存し、それにアクセスする必要があるコンポーネントのためにrefを公開するためにmapStateToPropsを使用しています。格納されているrefは以下のような感じです。 ref={node => this.myRefToBePutInReduxGlobalStore = node} このrefの正しいpropTypeは何でしょうか？

2022-11-03 16:32:29
[解決済み] Reactフックを使ってpropsをstateに同期させる方法 : setState()

質問 ReactフックのsetState()で、コンポーネントが受け取るpropsを使って、状態を設定しようとしています。以下のコードで試してみました。 import React,{useState , useEffect} from 'react'; const Persons = (props) => { // console.log(props.name);

2022-10-28 09:14:23
[解決済み] Reactコンポーネントのメソッドを外から呼び出す

質問 React Elementのインスタンスから、Reactコンポーネントが公開するメソッドを呼び出したいのですが、どうすればよいでしょうか。例えば、この jsfiddle . を呼び出したいのですが alertMessage メソッドから HelloElement を参照します。追加のラッパーを書くことなく、これを実現する方法はありますか？編集

2022-10-27 15:25:32
[解決済み] TypeScript Reactで画像をインポートする - "Cannot find module".

質問 Reactコンポーネント内で使用する画像をTypeScriptでインポートしようとしています。使用しているバンドルはParcelです（Webpackではありません）。私は .d.ts ファイルを作成し、それを tsconfig.json . しかし、画像をインポートしようとすると、TS が Cannot find module . 私のプロジェクト構成です。 + s

2022-10-21 23:20:22
[解決済み] render関数の外側でReact Contextにアクセスする

質問 Reduxの代わりに新しいReact Context APIを使って新しいアプリを開発しているのですが、以前は Redux で、例えばユーザーのリストを取得する必要があるときは、単純に componentDidMount でアクションを呼び出すだけですが、React Context ではアクションはレンダー関数の中にある Consumer の中にあります。つまり、レンダー関数が呼

2022-10-14 12:12:42
[解決済み] CRA Jestの非インタラクティブモードでの実行

質問更新：私のユースケースは主にCIでテストを実行することですが、デフォルトのCRA Jestパラメータを上書きすることは、一般的に疑問に思っていることです。を使用してテストを実行しています。ジェストに付属している Reactアプリの作成 . 常にインタラクティブモードに起動します。 › Press a to run all tests. › Press

2022-10-13 09:21:31
[解決済み] Reactルータからコンポーネントへパラメータを渡す

質問 const rootEl = document.getElementById('root'); ReactDOM.render( <BrowserRouter> <Switch> <Route exact path="/"> <MasterPage />

2022-10-10 06:53:07
[解決済み] ユーザが入力を止めたときだけ検索を開始するには？

質問ユーザーが入力を止めたときに検索を実行する必要があります。 setTimeout() . しかし Reactjs私はそれがどのように動作するかを見つけることができません。私はユーザーが入力を停止したことを確認するためにコードを書く場所を見つけることができない、数秒間（仮に5）入力が停止したときにメソッド（検索を処理する）を呼び出す方法を教えてください。 import

2022-10-06 09:14:45

最新

おすすめ