[redux] タグが付いた質問
19
件の質問
2
票
1
回答
95
閲覧数
ReduxのHooksのテストでrenderHook自体が「Invalid hook call.」というエラーが出て原因がわかりません
この質問はteratailでもポストしています
https://teratail.com/questions/mfj85hj9a39su1
概要
クラスコンポーネントで使っていたReduxをhookで書き換えをしています。そこで次のように、Reduxのアクションをディスパッチしたかどうかをテストしたいと思っています(元々あったテストをhooksを使うように書き換えしています)
...
2
票
0
回答
191
閲覧数
Vue.js(SPA) * Apollo(GraphQL) における状態管理の方法について
Github上でも様々議論がされているようですが、タイトル通り、Vue.jsと vue-apollo を利用した際の状態管理について質問です。
vueとapolloを共存した際、componentの中にgqlを書いてしまうことで、状態管理のメソッドがVue側とApollo側の2つになることが問題となると認識していますが、これに対する現状の手段としては、
Vuexを利用し、...
1
票
1
回答
182
閲覧数
発行されたActionをどうやって対応するReducerに渡しているのか
はじめて、質問を投稿させていただきます。
4月から新卒としてWeb系企業に勤めています。
幸運なことに新規案件に携わることができ、とても楽しくエンジニア生活をスタートさせることができました。
今現在はReactとReduxを使って開発を行っていますが、そこでどうしても理解できないことがありましたので、それをご質問させていただきたいです。
複数のActionと複数のReducerが存在する場合、...
1
票
0
回答
155
閲覧数
ReduxでdispatchしpayloadからのuseEffectを実行しその中のuseStateのセット関数で更新した値で判定する方法
タイトルが分かりにくくて申し訳ありません。
useStateのセット関数で更新した値をすぐに参照したのですが、更新前の値が取れてしまいます。
useStateの更新はすぐに実行されないというのは知っています。
やりたいこと
イベント内でuseStateの更新後の値をすぐに参照したいです。
概要
イベント内でリストを再取得し、再取得後のリスト件数(multipleList.length)...
1
票
0
回答
105
閲覧数
redux-toolkitで、あるstateのプロパティの変更を基にそのstateの別プロパティを変更することは可能かどうか
現在Reactで開発をし、redux-toolkitでstate管理をしています。
そこで質問なのですが、例えば下記のようなsliceがあったとします。
sliceとしては、user毎に異なるitemsを持っているため、userが変わればitemsも変わるようにstateを変更したいと考えています。(storeは省略しています)
testslice.js
import { createSlice }...
1
票
0
回答
73
閲覧数
Reactで発見した波括弧を使う代入文がどのように動作するのかわからない [重複]
const {id} = this.props.match.params
react入門者です
変数代入について
このコードの結果はわかるのですが、どのように処理されて結果
idという変数にpropsのidを拾ってきて代入しているのかわからないです
reactの機能ですか?
reduxでしょうか?
1
票
1
回答
460
閲覧数
React + Reduxにおけるdispatch時のエラー
React + Reduxにおけるdispatch時のエラー
概要
現在、TypeScript + React + Reduxを用いた開発を行っています。
仮のログアウト機能を実装中にエラーが発生しました。
具体的には、actionをdispatchした際にエラーが発生します。
どうやら下記のjwtLogout内のdispatchで発生している様です。
自分なりに色々調べてみましたが, ...
1
票
1
回答
211
閲覧数
redux-form(v6)をtypescriptで使いたい
redux-formをtypescriptで利用しているかに質問です。
やりたいことは「redux-form(v6)をtypescriptで使いたい」です。
typescriptはv2を利用。
redux-formの型定義を@typesで取得するとv4のものが取得されます。
https://gist.github.com/rluiten/...
0
票
1
回答
384
閲覧数
Reduxの言葉、日本語で何という?
Reactの開発をし、Reduxも使っています。ドキュメンテーションを書いている中でReduxについて書いているのですが、下記の言葉を日本語で何というのか分かりません。
React
Redux
Actions
Action Creator
Reducer
ただ「アクション」とかのようなカタカナの言葉になるのでしょうか。
よろしくお願いします。
0
票
2
回答
2,206
閲覧数
react redux formタグのonSubmitが動作しない
現在、react-reduxを学習しています
以下のようなコードを書いたのですが、formタグ内のonSubmitが動作しません
inputタグ内のonChangeは問題なく動作します
どなたかご教示頂けましたら幸いです
import React,{ Component } from 'react'
import { connect } from 'react-redux'
...
0
票
1
回答
45
閲覧数
DispatchでStoreに変数を作り、その変数をさまざまなコンポーネントで使用できるようにしたい。
実現したいこと
Storeに格納したStateをさまざまなコンポーネントで使用できるようにしたい。
前提
ユーザーがログインすると、下記のようなデータが取得できます。
Json
{
"hubs": [
"111.com",
"222.com",
"333.com",...
0
票
1
回答
179
閲覧数
JavasScriptのこの書き方は?
FluxのDispatcher.jsのソースを見てたら
class Dispatcher<TPayload> {
_callbacks: {[key: DispatchToken]: (payload: TPayload) => void};
の<TPayload>と_callbacks: {[key: DispatchToken]: (payload: ...
0
票
1
回答
206
閲覧数
OnsenUI + React + cordova の使用について
現在、Monaca CLIを使用してOnsenUI + React + reduxで開発を進めています。
そこで質問なのですが、React上でCordovaプラグインを使用するにはどうすればよいでしょうか?
ひとまず端末情報を表示しようと思い、npmにて「cordova-plugin-device」を取得し、
http://docs.monaca.io/ja/reference/cordova_6....
0
票
0
回答
210
閲覧数
React redux componentでglobal stateをinput値として使用していますがinputで入力できない
componenntでglobal stateを使って表示しているですが、画面上にそのinputの値が変えられない。
値を変えるために新しいactionを発行してinputのonChangeとbindすると変更できるようになりましたが、
これではinputごとに新しいactionを作らないといけないことになるのでこういうやり方では違う気がします。
以下はcomponent PlayerData....
0
票
0
回答
601
閲覧数
JWTの正しい実装について
前提
現在バックエンドには
django rest framework
django rest framework jwt
フロントエンドには
next.js
react
redux
を用いてウェブサイトを開発しています。 JWT の正しい実装についていくつか質問があります。
また前提として
Next.js を使用しているので JWT は localStorage ではなく ...
0
票
0
回答
69
閲覧数
ngrx-json-apiの使い方
Angularを3日勉強しているものです。
プログラミンの基礎知識はあります。
Angular5系 + ngrxを利用したサンプルアプリケーションを作成しています。
その際、ngrx-json-apiというライブラリを利用するのですが
使い方がよくわかりません。
https://github.com/abdulhaq-e/ngrx-json-api
...
0
票
0
回答
84
閲覧数
reduxのcreateStore, applyMiddleware
reduxのcreateStore, applyMiddlewareのソースの
function createStore(reducer, preloadedState, enhancer) {
//省略
return enhancer(createStore)(reducer, preloadedState)
//省略
}
function applyMiddleware(......
0
票
1
回答
144
閲覧数
React の cloneElementをreturn したい
Reactで下記のようなコンポーネントを作りました
data は API を受け取るためのものです
const Loop = ({data,children}) => {
return (
<ul>{
data.map((item,index)=> {
return (
React.cloneElement(
...
0
票
1
回答
573
閲覧数
react-routerを導入するとcomponentDidMountが呼ばれなくなった
Reduxのサンプルコードである。asyncにreact-routerを導入しました。しかし、index.jsとroutes.jsを下記のように作成したところ、containers/App.jsのcomponentDidMountが呼ばれずにViewが表示されなくなってしまいました。どこが間違っているのかわかりますか。
index.js
import 'babel-polyfill';
...