Вы можете использовать Array.filter (), а затем Array.map () для создания подменю.
Документация здесь
Пример:
city.filter(city => city.scopeId === state.id).map(city => <MenuItem {...city} />)
РЕДАКТИРОВАТЬ:
Пример крюка:
React.useEffect(() => {
const getData = async () => {
const result = await axios.get('api-url/?state=' + state)
// for post requests with params , i suggest you use qs library
// const result = await axios.post('api-url/',qs.stringify({state}))
return result
}
const city = getData()
setState(oldState => ({...oldState,city}))
},[state])