I can't run json file on react

Question

I'm new to react.js.

I am following the documentation example on their website

I don't really understand this portion here:

// tutorial11.js
ReactDOM.render(
  <CommentBox url="/api/comments" />,
  document.getElementById('content')
);

when I use this comments.json file here <CommentBox url="comments.json" pollInterval={200} />, it won't work. But if I rename comments.json file to comments.txt, it works perfect. I don't know what I am missing here. I hope somebody here can explain to me further how to use .json file.

I don't know what I am missing here - So we will try to find out, but without your code it will be more difficult — The Reason
– The Reason, Commented Mar 10, 2016 at 9:18
<CommentBox url="/api/comments" /> I only wan't to know why the url porperty won't work if I use .json file. Everything works fine if I use .txt file with the same json content. — Ulysses
– Ulysses, Commented Mar 10, 2016 at 9:19

Kapil Kumar · Accepted Answer · 2016-03-10 09:54:31Z

1

url for commentbox is just a property which can be access via "this.props.url", to get the comment.json data use the ajax request in the lifecycle function of react js such as "ComponentDidMount".

answered Mar 10, 2016 at 9:54

Kapil Kumar

738 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ulysses Over a year ago

yes I know, everything works fine if I use url="comments.txt", but won't work if I use url="comments.json". And I want to know why? Thank you for your time friend.

Community · Accepted Answer · 2017-05-23 11:50:28Z

0

Thank you guys for helping, I got it working already using <CommentBox url="db.php" pollInterval={200} />.

The solution is just making the output as json.

Here is the datail

Hope this helps.

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Mar 10, 2016 at 12:48

Ulysses

1873 silver badges17 bronze badges

Collectives™ on Stack Overflow

I can't run json file on react

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related