如何根据本机反应下拉菜单更改另一个文本
API部分:
{
"response": "success",
"fuel_type": [
{
"m_type_id": "1",
"m_fuel_name": "Diesel",
"m_fuel_price": "98.25"
},
{
"m_type_id": "3",
"m_fuel_name": "Extra Premium",
"m_fuel_price": "116.50"
},
{
"m_type_id": "2",
"m_fuel_name": "Petrol",
"m_fuel_price": "101.98"
}
]
}
API PART:
{
"response": "success",
"fuel_type": [
{
"m_type_id": "1",
"m_fuel_name": "Diesel",
"m_fuel_price": "98.25"
},
{
"m_type_id": "3",
"m_fuel_name": "Extra Premium",
"m_fuel_price": "116.50"
},
{
"m_type_id": "2",
"m_fuel_name": "Petrol",
"m_fuel_price": "101.98"
}
]
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
创建钩子来存储下拉列表中所选值的项目或索引-
const [data, setData]=useState([]) // 将fuel_type数据存储在
这个状态
const [已选择,setSelected] = useState(0); //存储索引
此处选择的项目
更新下拉元素的按下时的选定状态-
onPress={()=>setSelected(index)}
现在根据选定的值渲染文本 -
数据[选定].m_fuel_price
create hook to store the item or index of the selected value from dropdown-
const [data, setData]=useState([]) // store fuel_type data in
this state
const [selected, setSelected] = useState(0); //store index of
selected item here
update the selected state onPress of dropdown element-
onPress={()=>setSelected(index)}
now render your text according to selected value-
data[selected].m_fuel_price