Reduxストアの一部を配列に変換するにはどうすればよいですか?

Clay_F

さて、これが私が入っているピクルスです、私の行動の1つactions/index.jsは次のとおりです:

export function requestPeople() {
  return (dispatch, getState) => {
    dispatch({
      type: REQUEST_PEOPLE,
    })

  const persistedState = loadState() // just loading from localStorage for now
  console.log(persistedState)


  //Object.keys(persistedState).forEach(function(i) {
  //var attribute = i.getAttribute('id')

      //console.log('test', i,': ', persistedState[i])
      //myArr.push(persistedState[i])

    //})
    //console.log(myArr)
  //dispatch(receivePeople(persistedState)) // I'm stuck here
 }
}

そして、私はときconsole.log(persistedState)クロームコンソールの上から、私は私の取得people、まさにこのような状態を。

Object {people: Object}

次に、上にドリルダウンするとpeople: Object、次のようになります。

abc123: Object
abc124: Object
abc125: Object

そして、これらの子犬のそれぞれにドリルダウンすると(Chromeコンソールの小さな三角形をクリックして)、次のようになります。

abc123: Object
  firstName: 'Gus'
  id: 'abc123'
  lastName: 'McCrae'

// when I drill down into the second one I get
abc124: Object
  firstName: 'Woodrow'
  id: 'abc124'
  lastName: 'Call'

さて、ここで私は立ち往生しています。

私が使用しているテーブルは、配列のみを受け入れるAllen Fangのreact-bootstrap-tableであり、次のように呼び出される<BootstrapTable data={people} />ため、上記のデータを次のような配列に変換する必要があります。

const people = [{
  id: abc123,
  firstName: 'Gus',
  lastName: 'McCrae'
}, {
  id: abc124,
  firstName: 'Woodrow',
  lastName: 'Call'
}, {
  ...
}]

// and eventually I'll call <BootstrapTable data={people} />

私の質問は具体的には、people上記の状態をこの必要な配列に変換するにはどうすればよいですか?私のaction/index.jsファイルで私は試しました:Object.keys(everything!!!)

そして最後に、配列を取得したら、その配列<BootstrapTable data={here} />を状態、変数、ディスパッチされたアクション、まだ聞いたことのないものを使用するように渡すための最良の方法は何ですか?

どんな助けでも大歓迎です!! 参考までに、これはStack Overflowでの私の最初の質問であり、懐かしい感じがします。私は常勤の警察官であり、側でコーディングを学ぼうとしています。再度、感謝します!

更新:

Piotr Berebeckiによる提案のおかげで、私はそれを次のように結び付けています。

export function requestPeople() {
  return (dispatch, getState) => {
    dispatch({
      type: REQUEST_PEOPLE,
    })

const persistedState = loadState()
console.log('persistedState:', persistedState)

const peopleArr = Object.keys(persistedState.people).map(function(key) {
  return persistedState[key]
})

console.log(JSON.stringify(peopleArr))

//dispatch(receivePeople(persistedState))
  }
}

[null、null、null]を取得します

このような:

ここに画像の説明を入力してください

Piotr Berebecki

StackOverflowへようこそ:)

ネストされたpersistedState.peopleオブジェクトを配列に変換するには、最初にキーを使用Object.keys(persistedState.people)してキーの中間配列を確立し、次にキーを使用map()て、各キーを元のネストされたオブジェクトにあるオブジェクトに置き換えます---persistedState.peopleそのキーで。結果の配列を変数に割り当てて、それをに渡すことができますBootstrapTable以下のコードとここのデモを確認してください:http//codepen.io/PiotrBerebecki/pen/yaXrVJ

const persistedState = { 
  people: { 
    'abc123' : {
      id:'abc123',firstName: 'Gus', lastName: 'McCrae'
    }, 
    'abc124' : {
      id:'abc124',firstName: 'Woodrow', lastName: 'Call'
    }, 
    'abc125' : {
      id:'abc125',firstName: 'Jake', lastName: 'Spoon'
    }
  }
}


const peopleArr = Object.keys(persistedState.people).map(function(key) {
  return persistedState.people[key];
});


console.log(JSON.stringify(peopleArr));
/* 
Logs the following array:
[
 {"id":"abc123","firstName":"Gus","lastName":"McCrae"},
 {"id":"abc124","firstName":"Woodrow","lastName":"Call"},
 {"id":"abc125","firstName":"Jake","lastName":"Spoon"}
]
*/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Reduxストアの一部を配列に変換するにはどうすればよいですか?

分類Dev

配列内のテキストの一部を削除するにはどうすればよいですか?

分類Dev

richTextBoxの行テキストの一部を変更するにはどうすればよいですか?

分類Dev

Pythonリストの文字列の一部を削除するにはどうすればよいですか?

分類Dev

ReactアプリケーションでReduxストアの一部のみをロードするにはどうすればよいですか?

分類Dev

配列の一部から個別の要素を把握するにはどうすればよいですか?

分類Dev

一部の関数をアクティビティからフラグメントに変換するにはどうすればよいですか?

分類Dev

文字列の一部を変数に抽出するにはどうすればよいですか?

分類Dev

リスト内のすべてのアイテムについて、文字列の一部を移動するにはどうすればよいですか

分類Dev

JSON配列(フラット)を逆シリアル化し、一部のトークンを無視するにはどうすればよいですか?

分類Dev

文字列の一部を変数から削除するにはどうすればよいですか?

分類Dev

PHPで文字列の一部を置き換えるにはどうすればよいですか?

分類Dev

空の配列を持つnumpy配列のリストを単一の配列に変換するにはどうすればよいですか?

分類Dev

Tkinter変数を文字列の一部として出力するにはどうすればよいですか?

分類Dev

一部のキーが文字列ではない場合、Python dictをJSONに変換するにはどうすればよいですか?

分類Dev

レイアウトの一部を画面に印刷するにはどうすればよいですか?

分類Dev

DataFrameセルの文字列の一部をフィルタリングする数値に変換するにはどうすればよいですか?

分類Dev

一部のtextOutput要素のフォントを変更するにはどうすればよいですか?

分類Dev

Redux / react。Reduxストアの配列のいくつかの要素を変更するにはどうすればよいですか?

分類Dev

文字列にRubyで配列の一部が含まれているかどうかを確認するにはどうすればよいですか?

分類Dev

一部の属性が欠落している場合にXMLをオブジェクトに変換するにはどうすればよいですか?

分類Dev

配列オブジェクトの文字の一部を使用して配列を検索するにはどうすればよいですか?

分類Dev

React Redux Stateをオブジェクトの二重ネスト配列で不変に更新/置換するにはどうすればよいですか?

分類Dev

Excelデータの一部を列に変換して、目的の出力を取得するにはどうすればよいですか?

分類Dev

派手な配列の一部の要素の符号をランダムに変更するにはどうすればよいですか?

分類Dev

リスト内の文字列の一部を置き換えるにはどうすればよいですか?

分類Dev

整数の配列をビットの配列に変換するにはどうすればよいですか?

分類Dev

パンダデータフレームの一部の列をカテゴリに変換するにはどうすればよいですか?

分類Dev

JSでテキストの一部を消去するにはどうすればよいですか?

Related 関連記事

  1. 1

    Reduxストアの一部を配列に変換するにはどうすればよいですか?

  2. 2

    配列内のテキストの一部を削除するにはどうすればよいですか?

  3. 3

    richTextBoxの行テキストの一部を変更するにはどうすればよいですか?

  4. 4

    Pythonリストの文字列の一部を削除するにはどうすればよいですか?

  5. 5

    ReactアプリケーションでReduxストアの一部のみをロードするにはどうすればよいですか?

  6. 6

    配列の一部から個別の要素を把握するにはどうすればよいですか?

  7. 7

    一部の関数をアクティビティからフラグメントに変換するにはどうすればよいですか?

  8. 8

    文字列の一部を変数に抽出するにはどうすればよいですか?

  9. 9

    リスト内のすべてのアイテムについて、文字列の一部を移動するにはどうすればよいですか

  10. 10

    JSON配列(フラット)を逆シリアル化し、一部のトークンを無視するにはどうすればよいですか?

  11. 11

    文字列の一部を変数から削除するにはどうすればよいですか?

  12. 12

    PHPで文字列の一部を置き換えるにはどうすればよいですか?

  13. 13

    空の配列を持つnumpy配列のリストを単一の配列に変換するにはどうすればよいですか?

  14. 14

    Tkinter変数を文字列の一部として出力するにはどうすればよいですか?

  15. 15

    一部のキーが文字列ではない場合、Python dictをJSONに変換するにはどうすればよいですか?

  16. 16

    レイアウトの一部を画面に印刷するにはどうすればよいですか?

  17. 17

    DataFrameセルの文字列の一部をフィルタリングする数値に変換するにはどうすればよいですか?

  18. 18

    一部のtextOutput要素のフォントを変更するにはどうすればよいですか?

  19. 19

    Redux / react。Reduxストアの配列のいくつかの要素を変更するにはどうすればよいですか?

  20. 20

    文字列にRubyで配列の一部が含まれているかどうかを確認するにはどうすればよいですか?

  21. 21

    一部の属性が欠落している場合にXMLをオブジェクトに変換するにはどうすればよいですか?

  22. 22

    配列オブジェクトの文字の一部を使用して配列を検索するにはどうすればよいですか?

  23. 23

    React Redux Stateをオブジェクトの二重ネスト配列で不変に更新/置換するにはどうすればよいですか?

  24. 24

    Excelデータの一部を列に変換して、目的の出力を取得するにはどうすればよいですか?

  25. 25

    派手な配列の一部の要素の符号をランダムに変更するにはどうすればよいですか?

  26. 26

    リスト内の文字列の一部を置き換えるにはどうすればよいですか?

  27. 27

    整数の配列をビットの配列に変換するにはどうすればよいですか?

  28. 28

    パンダデータフレームの一部の列をカテゴリに変換するにはどうすればよいですか?

  29. 29

    JSでテキストの一部を消去するにはどうすればよいですか?

ホットタグ

アーカイブ