How do I POST JSON data with react js?

Question

I have below code in react js.

import React from 'react';
import imagesdata from '..data/images.json';

function imagedata() {
  return (

        <div>
      {imagesdata.headerimgs.map((experience, i)=>{
       return (
        <div key={i}>
       <div>
       <h1>{experience.webimg}</h1>
       </div>
       );
                  }
       )
        }
            </div>
  );
}
export default imagedata

After running this code I get error which is

 Parsing error: Unexpected token, expected ","

  19 |   );
  20 | }
> 21 | export default imagedata

The title is incorrect. The question is not about posting data. — ema
– ema, Commented Jan 18, 2020 at 8:04

Sohail Ashraf · Accepted Answer · 2020-01-18 09:24:12Z

2

There is a syntax error in your code. There is an extra div inside map function <div key={i}> *<div>*

import React from "react";
import imagesdata from "../data/images.json";

function imagedata() {
  return (
    <div>
      {imagesdata.headerimgs.map((experience, i) => (
        <div key={i}>
          {" "}
          <h1>{experience.webimg}</h1>
        </div>
      ))}
    </div>
  );
}
export default imagedata;

edited Jan 18, 2020 at 9:24

answered Jan 18, 2020 at 8:06

Sohail Ashraf

10.7k3 gold badges31 silver badges43 bronze badges

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

3 Comments

Kostas Minaidis Over a year ago

please comment the section which contains the syntax error for clarity.

Anuj Verma Over a year ago

./src/data/images.json Module parse failed: Unexpected token } in JSON at position 385 while parsing near '...tube.png", } ] }' You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See webpack.js.org/concepts#loaders SyntaxError: Unexpected token } in JSON at position 385 while parsing near '...tube.png", } ] }' at JSON.parse (<anonymous>)

Sohail Ashraf Over a year ago

The images.json json file is not in proper format. you can validate the json here jsonlint.com

ema · Accepted Answer · 2020-01-18 08:05:09Z

0

Probably there is an error in one of the import:

import imagesdata from '..data/images.json';

is missing a /. Rewrite it as:

import imagesdata from '../data/images.json';

answered Jan 18, 2020 at 8:05

ema

5,7931 gold badge28 silver badges32 bronze badges

Collectives™ on Stack Overflow

How do I POST JSON data with react js?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related