如何使用存储在reactjs中的组件中的另一个constant.js文件中的数组

Question

我有一个constant.js文件，其中包含应用程序的所有静态数组。我需要在另一个组件中使用此文件内容并将其值映射到下拉列表。

Answer 1

你可以这样做： -

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

现在将此文件导入您的组件并使用它

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>
        )
    }
}