在React导航菜单中避免使用getDerivedStateFromProps作为活动子选项卡

时间:2018-11-14 14:14:21

标签: javascript reactjs material-ui material-ui-next

这是可行的,但是如何使用getDerivedStateFromProps来简化它并避免额外的渲染。主要问题是-在单击另一个subTab时设置第一个tab

另外,当活动的subTab不是第一个tab时,还有一个问题,我移到另一个subTab而活动的foreach($ShippingArray['method'] as $m => $arr) { foreach($arr['rates'] as $rateArr) { $code = $m.'__'.$rateArr['code']; if(isset($PostArray['ship_method']) && $code == $PostArray['ship_method']) { $Obj->Total = (float)$Obj->Total + (float)$rateArr['price']; $CalArray['shipping'] = [ "display" => "1", //"title" => "Shipping (".$arr['title']."-".$rateArr['title'].")", "title" => "Shipping (".$rateArr['title'].")", "code" => $code, "price" => $rateArr['price'], "displayprice" => $CurrencyObj->Change2CurrentCurrency($rateArr['price']), ]; } } } 保持第二(不要重置为首先)

我已经使用实质性的ui标签实现了导航菜单,并且想在点击该值或单击它时突出显示子导航标签。我部分实现了这一点。但这并没有按我预期的那样工作。

如果主选项卡包含subTab,则需要定义默认的第一个选项卡,并在单击时进行更改

https://codesandbox.io/s/py4xjvrnp0

0 个答案:

没有答案