Giving an SyntaxError Unexpected token when I run the code in my localhost in reactJs
I am stuck on one thing and cannot find the solution to my problem for three days. I have run this code https://jsfiddle.net/qL83cf2v/114/ and when I tried to run it on my local host, it gives an mind blowing error which I cannot tackle.
handleChange(i, e) {
const { name, value } = e.target;
let users = [...this.state.users];
users[i] = {...users[i], [name]: value};
this.setState({ users });
}
The user[i] = {...users[i], [name]: value};.
This part is giving an error and here the error itself:
I have surfed many websites but still cannot find the exact answer. I have read that there should be a .babelrc file. I have created it but still not working. Any, any answer will be appreciated.
html reactjs input
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
add a comment |
I am stuck on one thing and cannot find the solution to my problem for three days. I have run this code https://jsfiddle.net/qL83cf2v/114/ and when I tried to run it on my local host, it gives an mind blowing error which I cannot tackle.
handleChange(i, e) {
const { name, value } = e.target;
let users = [...this.state.users];
users[i] = {...users[i], [name]: value};
this.setState({ users });
}
The user[i] = {...users[i], [name]: value};.
This part is giving an error and here the error itself:
I have surfed many websites but still cannot find the exact answer. I have read that there should be a .babelrc file. I have created it but still not working. Any, any answer will be appreciated.
html reactjs input
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
You need to configure Babel to use the spread syntax. What environment are you using? Have you written your own Webpack config?
– Tholle
Nov 22 '18 at 23:36
nope yet. I have to install webpack config?? . Then willit work?
– Izzatullo Kanoatov
Nov 22 '18 at 23:43
what are you using right now to transpile your javascript?
– Shawn Andrews
Nov 22 '18 at 23:46
I have used babel and installed dependencies with yarn
– Izzatullo Kanoatov
Nov 22 '18 at 23:49
add a comment |
I am stuck on one thing and cannot find the solution to my problem for three days. I have run this code https://jsfiddle.net/qL83cf2v/114/ and when I tried to run it on my local host, it gives an mind blowing error which I cannot tackle.
handleChange(i, e) {
const { name, value } = e.target;
let users = [...this.state.users];
users[i] = {...users[i], [name]: value};
this.setState({ users });
}
The user[i] = {...users[i], [name]: value};.
This part is giving an error and here the error itself:
I have surfed many websites but still cannot find the exact answer. I have read that there should be a .babelrc file. I have created it but still not working. Any, any answer will be appreciated.
html reactjs input
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
I am stuck on one thing and cannot find the solution to my problem for three days. I have run this code https://jsfiddle.net/qL83cf2v/114/ and when I tried to run it on my local host, it gives an mind blowing error which I cannot tackle.
handleChange(i, e) {
const { name, value } = e.target;
let users = [...this.state.users];
users[i] = {...users[i], [name]: value};
this.setState({ users });
}
The user[i] = {...users[i], [name]: value};.
This part is giving an error and here the error itself:
I have surfed many websites but still cannot find the exact answer. I have read that there should be a .babelrc file. I have created it but still not working. Any, any answer will be appreciated.
html reactjs input
html reactjs input
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
edited Nov 23 '18 at 11:05
Kiran Shahi
4,53031543
4,53031543
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
asked Nov 22 '18 at 23:15
Izzatullo Kanoatov
134
134
You need to configure Babel to use the spread syntax. What environment are you using? Have you written your own Webpack config?
– Tholle
Nov 22 '18 at 23:36
nope yet. I have to install webpack config?? . Then willit work?
– Izzatullo Kanoatov
Nov 22 '18 at 23:43
what are you using right now to transpile your javascript?
– Shawn Andrews
Nov 22 '18 at 23:46
I have used babel and installed dependencies with yarn
– Izzatullo Kanoatov
Nov 22 '18 at 23:49
add a comment |
You need to configure Babel to use the spread syntax. What environment are you using? Have you written your own Webpack config?
– Tholle
Nov 22 '18 at 23:36
nope yet. I have to install webpack config?? . Then willit work?
– Izzatullo Kanoatov
Nov 22 '18 at 23:43
what are you using right now to transpile your javascript?
– Shawn Andrews
Nov 22 '18 at 23:46
I have used babel and installed dependencies with yarn
– Izzatullo Kanoatov
Nov 22 '18 at 23:49
You need to configure Babel to use the spread syntax. What environment are you using? Have you written your own Webpack config?
– Tholle
Nov 22 '18 at 23:36
You need to configure Babel to use the spread syntax. What environment are you using? Have you written your own Webpack config?
– Tholle
Nov 22 '18 at 23:36
nope yet. I have to install webpack config?? . Then willit work?
– Izzatullo Kanoatov
Nov 22 '18 at 23:43
nope yet. I have to install webpack config?? . Then willit work?
– Izzatullo Kanoatov
Nov 22 '18 at 23:43
what are you using right now to transpile your javascript?
– Shawn Andrews
Nov 22 '18 at 23:46
what are you using right now to transpile your javascript?
– Shawn Andrews
Nov 22 '18 at 23:46
I have used babel and installed dependencies with yarn
– Izzatullo Kanoatov
Nov 22 '18 at 23:49
I have used babel and installed dependencies with yarn
– Izzatullo Kanoatov
Nov 22 '18 at 23:49
add a comment |
1 Answer
1
active
oldest
votes
Actually, this problem arises because you did not set your environment properly.
If you faced a problem with the manual installation you can check here :
https://github.com/tusharnile/reactmanual
answered Nov 23 '18 at 11:04
tshr
76
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
});
}
});
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%2f53438976%2fgiving-an-syntaxerror-unexpected-token-when-i-run-the-code-in-my-localhost-in-re%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
Actually, this problem arises because you did not set your environment properly.
If you faced a problem with the manual installation you can check here :
https://github.com/tusharnile/reactmanual
answered Nov 23 '18 at 11:04
tshr
76
add a comment |
Actually, this problem arises because you did not set your environment properly.
If you faced a problem with the manual installation you can check here :
https://github.com/tusharnile/reactmanual
answered Nov 23 '18 at 11:04
tshr
76
add a comment |
Actually, this problem arises because you did not set your environment properly.
If you faced a problem with the manual installation you can check here :
https://github.com/tusharnile/reactmanual
answered Nov 23 '18 at 11:04
tshr
76
Actually, this problem arises because you did not set your environment properly.
If you faced a problem with the manual installation you can check here :
https://github.com/tusharnile/reactmanual
answered Nov 23 '18 at 11:04
tshr
76
answered Nov 23 '18 at 11:04
tshr
76
answered Nov 23 '18 at 11:04
tshr
76
answered Nov 23 '18 at 11:04
tshr
76
76
add a comment |
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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.
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%2f53438976%2fgiving-an-syntaxerror-unexpected-token-when-i-run-the-code-in-my-localhost-in-re%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
You need to configure Babel to use the spread syntax. What environment are you using? Have you written your own Webpack config?
– Tholle
Nov 22 '18 at 23:36
nope yet. I have to install webpack config?? . Then willit work?
– Izzatullo Kanoatov
Nov 22 '18 at 23:43
what are you using right now to transpile your javascript?
– Shawn Andrews
Nov 22 '18 at 23:46
I have used babel and installed dependencies with yarn
– Izzatullo Kanoatov
Nov 22 '18 at 23:49