如何在Reactjs中隐藏卡片？

Question

我正在使用卡片antd在reactJS，我需要隐藏卡片。

这是代码在我的项目：

    <div> 
       {Survey[1] 
        .Encuesta 
        .map((q, i) => <Card 
        key={i} 
        title={q.tipo + '/' + q.opcion} 
        extra={< a onClick = { 
        () => { 
         Survey[1].Encuesta.splice(q.id-1,1); 
         console.log(Survey[1].Encuesta); 

        } 
        } > Eliminar </a>} 
        style={{ 
        width: 500, 
        marginBottom: 10 
        }}> 
        <p> 
         <b>Pregunta: 
         </b> 
         {q.pregunta}</p> 
        <p> 
         <b>opciones: 
         </b> 
         Sin opciones.</p> 

        </Card>)} 

       </div> 

我传递函数的性质extra：

     extra={< a onClick = { 
        () => { 
         Survey[1].Encuesta.splice(q.id-1,1); 
         console.log(Survey[1].Encuesta); 

        } 
        } 

我想从我的数组中删除选定的对象，也是我想隐藏它，请帮助！

Answer 1

尝试......

extra={<a onClick = { 
       (id) => { 
        Survey[1].Encuesta.filter(q => q.id != id); 
        console.log(Survey[1].Encuesta); 
       }}> Eliminar </a>