I am trying to export this JSON data for importing in the project however it shows unexpected syntax error

Question

When it was in the same file as component worked perfectly. Now I am trying to exclude it from component to make project cleaner. However it shows unexpected syntax errors. File format is JSON. How can this code be fixed and work as it needs to be?

const postsData = [

      {
        id: 1,
        title: "How to start a business with 100$",
        published: "14h ago",
        image: require("../img/img1.jpg"),
      },
      {
        id: 2,
        title: "Get funding for your startup",
        published: "19h ago",
        image: require("../img/img2.jpg"),
      },
      {
        id: 3,
        title: "Latest Fashion Trends for 2018",
        published: "14h ago",
        image: require("../img/img3.jpg"),
      },

    ]

    export {postsData};

Answer 1

Try this:

export default [
      {
        id: 1,
        title: "How to start a business with 100$",
        published: "14h ago",
        image: require("../img/img1.jpg"),
      },
      {
        id: 2,
        title: "Get funding for your startup",
        published: "19h ago",
        image: require("../img/img2.jpg"),
      },
      {
        id: 3,
        title: "Latest Fashion Trends for 2018",
        published: "14h ago",
        image: require("../img/img3.jpg"),
      }
    ]

and import it like

import postsData from 'filepath';

PS:

• there is no naming convention for postsData you can name it anything.
• your json file should have an extension .js for your case because you're not using JSON objects