react useState最新值问题

Question

const [cityName, setCityName] = useState({ name: '', value: '' })
const [trainLine, setTrainLine] = useState({ name: '', value: '' })
const [station, setStation] = useState({ name: '', value: '' })
const [platform, setPlatform] = useState({ name: '', value: '' })

页面有四个逐级联动的下拉框（选择city=>选择trainline=>选择station=>选择platform），下级的选项获取依赖上级的选中值，如何优雅的处理state改变后的回调

Answer 1

useEffect?

Answer 2

坐姿端正, 挺胸, 收腹, 双眼平视显示器, 双腿并拢, 键盘输入时手指要轻, 使用鼠标时动作要缓慢, 不要发出声音.
具体写什么再说, 这样可以优雅.