问题在现:
我需要根据后台传来的数据判断数据展示,下图中红色是后台数据对应的单选框,其他表示其他数值。值使用react 的state保存,所以当数值为前五个其中之一时,用户选择自定义出现的输入框内值也为改数值,用户需要先删掉,在从新填写。
需求:
当数据为前五个其中之一时,点选自定义,输入框内为空。
解决思路和方案:
- 思路:
判定数据是否为其中之一,若是则输入框为空。使用数组保存五个确定的数值,然后判断后台数据是否在数组内即可。 - 方案:
使用数组的indexOf方法,若为-1,则不再数组内,即不是五个数据其中之一。
[-1, 30, 90, 180, 360].indexOf(item.freeDuration) ? ” : item.freeDuration