Question

我构建了一个可在平板电脑上查看的网络应用。它与reactjs和快递后端制造。这是一个相对较小的应用程序，它的简单之处在于它仅显示项目并允许用户自定义订单项等。

这是我尝试创建自定义“复选框”样式的按钮。

我有一组项目var items = ['ab','bc','cd','de','ef','fg','gh','hi','ij']，有时总共可以包含30个元素。

我创建另一个数组以通过将每个元素作为li块推入来列出我的商品

var itemsList = ;
items.forEach(item => {
  toppingsList.push (
      <li className={(this.checkChosen(item) === item) ? 'itemChosen' : 'itemNotChosen'} onClick={(e)=>{this.handleItemClicked(item)}}><p>{item}</p></li>
    )
})

从这里我创建那些<li></li>，其中checkChosen(item)检查浇头是否在“选定桩”内。的handleItemClicked(item)推项到该部件的状态。

this.state = {
   itemsChosen = [];
}

它还会检查它是否在itemsChosen状态内，并添加或删除它。

我在本地主机上的Lenovo选项卡10上运行此命令，似乎这些按钮有延迟，好像onClick的响应速度不是很好。我在引脚垫设计中使用了类似的方法。

我认为这可能是平板电脑出现的问题，但是当我为针垫调用本机键盘（只是输入类型=“ number”）时，感觉很快，并且可以流畅地预期Web应用程序的运行方式。

这种方法似乎要求不高，但是吗？

我的reactjs按钮设计在平板电脑和平板电脑按钮上的onTouch感觉很慢

0 个答案: