How to use array stored in another constant.js file in a component in reactjs

Question

I have a constant.js file which has all the static arrays for the application. I need to use this file content in another component and map its value to a dropdown.

Welcome in Stackoverflow. We’d love to help you. To get a good Answer for your Question: Can you provide some code and/or more explanations of what you are doing, and what's wrong if there is. Please read stackoverflow.com/help/how-to-ask — Shim-Sao
– Shim-Sao, Commented Dec 23, 2018 at 17:01
Possible duplicate of How to create helper file full of functions in react native? — c-chavez
– c-chavez, Commented Dec 24, 2018 at 8:20
Why not to simply import the array constant in your component. — Nagama Inamdar
– Nagama Inamdar, Commented Dec 24, 2018 at 12:02

Vikas Singh · Accepted Answer · 2018-12-23 17:11:35Z

8

You can do like this:-

constant.js

const array = [
                  {
                      id:1, value:'option 1'
                  },
                  {
                      id:2, value:'option 2'
                  },
                  {
                      id:3, value:'option 3'
                  },
                  {
                      id:4, value:'option 5'
                  },
                  {
                      id:5, value:'option 5'
                  }
              ]

export default array

Now import this file to your component and use it

import React, { Component } from "react";
import Array from './constant'


export default class YourComponent extends Component{
    render(){
        return(
            <div>
                <select>
                    {
                        Array.map((item, i) =>{
                            return(
                                <option key={i}>
                                {item.value}
                                </option>
                            )
                        }
                    }
                </select>
            </div>
        )
    }
}

answered Dec 23, 2018 at 17:11

Vikas Singh

1,8651 gold badge18 silver badges27 bronze badges

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

2 Comments

Devika Raj Over a year ago

But now again have a problem , if suppose I have another dropdown also . The 2nd drop down should be populated on selection of any value in first dropdown . How can i achieve it? Please help anyone.

Vikas Singh Over a year ago

for that you can follow this answer stackoverflow.com/questions/41916852/…

Collectives™ on Stack Overflow

How to use array stored in another constant.js file in a component in reactjs

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related