我有一个constant.js文件,其中包含应用程序的所有静态数组。我需要在另一个组件中使用此文件内容并将其值映射到下拉列表。
你可以这样做: -
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>
)
}
}