how to add up json array in reactjs
0
I'm new to reactJS and I need to achieve a certain result. I have an array-
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
I need to add another set similar structure to that data and add up these to an array, such result should be:
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
,
"column_01": 12,
"column_02": 124,
"column_03": "TEST0001.imx",
"column_04": "TEST0001.qsx",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/5"
….
how do I achieve that to in react js? so far these are my efforts but haven't succeed yet:
onTableViewChange(result){
const arr = ;
if (result)
console.log(result.original);
arr.push(result.row);
javascript reactjs
edited Nov 15 '18 at 4:51
Just code
10.5k53267
asked Nov 15 '18 at 4:50
GendricGendric
36
add a comment |
0
I'm new to reactJS and I need to achieve a certain result. I have an array-
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
I need to add another set similar structure to that data and add up these to an array, such result should be:
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
,
"column_01": 12,
"column_02": 124,
"column_03": "TEST0001.imx",
"column_04": "TEST0001.qsx",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/5"
….
how do I achieve that to in react js? so far these are my efforts but haven't succeed yet:
onTableViewChange(result){
const arr = ;
if (result)
console.log(result.original);
arr.push(result.row);
javascript reactjs
edited Nov 15 '18 at 4:51
Just code
10.5k53267
asked Nov 15 '18 at 4:50
GendricGendric
36
Check this out: stackoverflow.com/a/46179203/263081
– Just code
Nov 15 '18 at 4:53
"I have an array" ...not really. The first block in question shows only an object literal....no array. As for what you do in last block you haven't shown how you use the newarrafter you push into it
– charlietfl
Nov 15 '18 at 4:55
add a comment |
0
0
0
I'm new to reactJS and I need to achieve a certain result. I have an array-
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
I need to add another set similar structure to that data and add up these to an array, such result should be:
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
,
"column_01": 12,
"column_02": 124,
"column_03": "TEST0001.imx",
"column_04": "TEST0001.qsx",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/5"
….
how do I achieve that to in react js? so far these are my efforts but haven't succeed yet:
onTableViewChange(result){
const arr = ;
if (result)
console.log(result.original);
arr.push(result.row);
javascript reactjs
edited Nov 15 '18 at 4:51
Just code
10.5k53267
asked Nov 15 '18 at 4:50
GendricGendric
36
I'm new to reactJS and I need to achieve a certain result. I have an array-
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
I need to add another set similar structure to that data and add up these to an array, such result should be:
"column_01": 11,
"column_02": 123,
"column_03": "TEST0001.iml",
"column_04": "TEST0001.qsl",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/4"
,
"column_01": 12,
"column_02": 124,
"column_03": "TEST0001.imx",
"column_04": "TEST0001.qsx",
"column_05": "2018-11-13 01:04:40",
"column_06": "PASSED",
"column_07": "4/0/5"
….
how do I achieve that to in react js? so far these are my efforts but haven't succeed yet:
onTableViewChange(result){
const arr = ;
if (result)
console.log(result.original);
arr.push(result.row);
javascript reactjs
javascript reactjs
edited Nov 15 '18 at 4:51
Just code
10.5k53267
asked Nov 15 '18 at 4:50
GendricGendric
36
edited Nov 15 '18 at 4:51
Just code
10.5k53267
asked Nov 15 '18 at 4:50
GendricGendric
36
edited Nov 15 '18 at 4:51
Just code
10.5k53267
edited Nov 15 '18 at 4:51
Just code
10.5k53267
edited Nov 15 '18 at 4:51
Just code
10.5k53267
10.5k53267
asked Nov 15 '18 at 4:50
GendricGendric
36
asked Nov 15 '18 at 4:50
GendricGendric
36
asked Nov 15 '18 at 4:50
GendricGendric
36
36
Check this out: stackoverflow.com/a/46179203/263081
– Just code
Nov 15 '18 at 4:53
"I have an array" ...not really. The first block in question shows only an object literal....no array. As for what you do in last block you haven't shown how you use the newarrafter you push into it
– charlietfl
Nov 15 '18 at 4:55
add a comment |
Check this out: stackoverflow.com/a/46179203/263081
– Just code
Nov 15 '18 at 4:53
"I have an array" ...not really. The first block in question shows only an object literal....no array. As for what you do in last block you haven't shown how you use the newarrafter you push into it
– charlietfl
Nov 15 '18 at 4:55
Check this out: stackoverflow.com/a/46179203/263081
– Just code
Nov 15 '18 at 4:53
Check this out: stackoverflow.com/a/46179203/263081
– Just code
Nov 15 '18 at 4:53
"I have an array" ...not really. The first block in question shows only an object literal....no array. As for what you do in last block you haven't shown how you use the new
arr after you push into it– charlietfl
Nov 15 '18 at 4:55
"I have an array" ...not really. The first block in question shows only an object literal....no array. As for what you do in last block you haven't shown how you use the new
arr after you push into it– charlietfl
Nov 15 '18 at 4:55
add a comment |
1 Answer
1
active
oldest
votes
0
You haven't provided a lot of details, but arr should be defined in your state, and then you should update it using setState like this
this.setState(prevState =>
return arr: [...prevState.arr, result.row]
)
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53312599%2fhow-to-add-up-json-array-in-reactjs%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
You haven't provided a lot of details, but arr should be defined in your state, and then you should update it using setState like this
this.setState(prevState =>
return arr: [...prevState.arr, result.row]
)
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
add a comment |
0
You haven't provided a lot of details, but arr should be defined in your state, and then you should update it using setState like this
this.setState(prevState =>
return arr: [...prevState.arr, result.row]
)
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
add a comment |
0
0
0
You haven't provided a lot of details, but arr should be defined in your state, and then you should update it using setState like this
this.setState(prevState =>
return arr: [...prevState.arr, result.row]
)
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
You haven't provided a lot of details, but arr should be defined in your state, and then you should update it using setState like this
this.setState(prevState =>
return arr: [...prevState.arr, result.row]
)
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
answered Nov 15 '18 at 4:59
m0menim0meni
7,604104796
7,604104796
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53312599%2fhow-to-add-up-json-array-in-reactjs%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Check this out: stackoverflow.com/a/46179203/263081
– Just code
Nov 15 '18 at 4:53
"I have an array" ...not really. The first block in question shows only an object literal....no array. As for what you do in last block you haven't shown how you use the new
arrafter you push into it– charlietfl
Nov 15 '18 at 4:55