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