Node.js 材料UI仅在第二次单击时自动模拟加载值

在我的react应用程序中，我有3个水滴列表 第一个drop具有主值​​（例如：a、b）下一次下降将过滤这些值​​在数组中使用在第一个下拉列表中选择的值 我正在为Dropbox使用ui和自动完成材料 当我在第一次拖放中选择值时，组件将在单击父对象时返回该值，然后我使用这些值调用第二次拖放

<Grid item xs={4}>
          <Dropdownlist
            required
            name='opt1'
            texto='where:'
            click={click1}
            options={options}
            optionsList1={optionsList1}
            filter='regiao'
          />
        </Grid>
        <Grid item xs={4}>
          {optionNameShow2 === 'hidden' ? null
            : <Dropdownlist
              required
              name='opt2'
              select3='hidden'
              texto='&nbsp;'
              click={click2}
              options={options2}
              valueforFilter={selectState1 ? selectState1.optionValue : ''}
              optionsList2={optionsList2}
              filter='local'
              />}
        </Grid>

{optionNameShow2==='hidden'？空
: }

问题是这些价值观​​仅当我第二次单击时才加载

到目前为止，问题在于铬和FF的测试 而且应该是第一次点击

---

工作示例打开：

TL；DR:您的

filterlists（）

触发状态更改，但是

如果（value）{…

正在使用调用更改实际反映到当前状态之前的值。我修复了您的

---

NL；PR:

setStates

被安排在调用它们的函数结束后运行，因此您当前使用的值仍然在更改发生之前。使用效果挂钩分别处理这些

setStates

。

您是最好的，真正需要帮助的人