如何在Reactjs中隐藏卡片？

Question

我在reactJS中使用antd的牌，我需要隐藏牌。

这是我项目中的代码：

                  <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>

我在Property 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>