Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.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/3/reactjs/22.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
Javascript 如何返回符合条件的项目?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何返回符合条件的项目?

Javascript 如何返回符合条件的项目?,javascript,reactjs,Javascript,Reactjs,我正在使用map返回html元素: const activeStep = 1; {filteredData.map((el) => ( <MarketItem el={el} /> ))} const activeStep=1; {filteredData.map((el)=>( ))} 但我如何能创造一些条件,它返回给我的元素与响应条件的元素相同 因此,当activeStep===1时,我只需要返回filteredData中的元素,这些元素的键和值如下el.isSe

我正在使用
map
返回html元素:

const activeStep = 1;

{filteredData.map((el) => (
  <MarketItem el={el} />
))}
const activeStep=1;
{filteredData.map((el)=>(
))}
但我如何能创造一些条件,它返回给我的元素与响应条件的元素相同


因此,当
activeStep===1
时,我只需要返回
filteredData
中的元素,这些元素的键和值如下
el.isSelected==true
,如果
activeStep!==1
我需要返回
filteredData
偶数
el.isSelected!==true

您可以通过传递lambda函数来使用
filter
方法

const activeStep = 1;

{filteredData.filter((el) => activeStep == 1 ? el.isSelected : true).map((el) => (
   <MarketItem el={el} />
))}
const activeStep=1;
{filteredData.filter((el)=>activeStep==1?el.isSelected:true).map((el)=>(
))}

查看的答案(忽略jQuery特定的答案,查看使用的答案)。它总是返回元素
el.isSelected==false
,甚至
activeStep==1 | | activeStep!==1
@VladMovchan,我在我的环境中进行了测试,它工作正常。是的,很抱歉,在我的情况下,
activeStep
未定义的。。但是现在,当
activeStep
例如为2时,它返回的不是所有元素,而是元素
el.isSelected==false
如果这是预期结果,您可以接受我的答案以帮助其他人。这几乎就是答案。。当
activeStep!==1
,如何返回所有元素,其中
el.isSelected==false&el.isSelected==true