React两个下拉框的联动问题。

json=[
{
"id":1,
"name":"饮料",
"parentId":""
},
{
"id":2,
"name":"汽车",
"parentId":""
}，
{
"id":3,
"name":"可乐",
"parentId":"1"
}，
{
"id":4,
"name":"雪碧",
"parentId":"1"
}，
{
"id":5,
"name":"法拉利",
"parentId":"2"
}，
]
有两个Select下拉框，当parentId为空时放入第一个下拉框，当parentId不为空时根据parentId相对应的id值放入第二个下拉框实现联动。比如第一个下拉框是id=1的饮料的时候，将parentId为1的放入第二个下拉框，第二个下拉框就是可乐和雪碧。React代码要如何实现？

https://blog.csdn.net/Tony1590112/article/details/78296345