Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 显示下拉列表值使用React钩子选择选项_Reactjs_React Hooks - Fatal编程技术网

Reactjs 显示下拉列表值使用React钩子选择选项

Reactjs 显示下拉列表值使用React钩子选择选项,reactjs,react-hooks,Reactjs,React Hooks,我正在尝试使用React Hooks中的useEffect从下拉选择中获取startVisit值 但我不想在endVisit下拉列表中显示selectstartVisit值 我怎么办?我该怎么办 代码: const[endVisitOptions,setEndVisitOptions]=useState(!startVisit); useffect(()=>{ 控制台日志(“1”,startVisit); 控制台日志(“2”,访问); for(让x在startVisit中) { console.

我正在尝试使用React Hooks中的useEffect从下拉选择中获取startVisit

但我不想在endVisit下拉列表中显示selectstartVisit

我怎么办?我该怎么办

代码:

const[endVisitOptions,setEndVisitOptions]=useState(!startVisit);
useffect(()=>{
控制台日志(“1”,startVisit);
控制台日志(“2”,访问);
for(让x在startVisit中)
{
console.log(startVisit[x]);
}
//你的代码逻辑在这里
设置结束访问(结束访问);
},[startVisit]);
输出数据:

下拉式用户界面数据:

在调用SetEndVisitions之前,您可能希望过滤访问,使其不包含startVisit

if (startVisit) {     
  const filteredData = visits.filter(v => v.visitId !== startVisit.visitId);
  setEndVisitOptions(filteredData)
}

您能否粘贴完整的代码,说明如何将选项传递给最终就诊?它是否保持在状态?是的代码提到@Shyamare您正在进行api调用以获取
结束访问
?您可以检查此文件@Shyam
endVisitOptions
是否处于使用状态,其中我保存了仅显示endVisit的
endVisit
值@谢谢你的帮助@AbhayNo,没问题。这对你有用吗?你可能只需要在@Abhay的下拉列表中显示
startVisit
forward
值,你明白我的意思了吗?我不想显示像
a
b
c
这样的旧值,如果选择
b
,只需在下拉列表中显示
b
c
。是的,正在工作。。感谢时间@abhay可以只显示“前进”值。如果数组已排序,则可以使用indexOf或findIndex查找当前选定值的索引,并从该索引对数组进行切片,请参阅MDN中的array.prototype.slice。顺便问一下,如果可以的话,你能考虑接受这个答案吗?谢谢
if (startVisit) {     
  const filteredData = visits.filter(v => v.visitId !== startVisit.visitId);
  setEndVisitOptions(filteredData)
}