小编Bha*_*iya的帖子

我有一组对象，我只想过滤独特的样式并且不重复。

const arrayOfObj = [ {name:'a' , style:'p'} , {name:'b' , style:'q'} , {name:'c' , style:'q'}]

result expected : [ {name:'a' , style:'p'}]

我想要将10个图像一起上传axios并向后端发送请求以使用这10个文件进行一些计算,在计算之后会有响应{imagename: true}或{imagename: false}从后端接收响应我想在前端列出那10个图像并指示计算是真还是假.

这是我尝试的但是在得到回复并且无法显示真实或错误状态后我被卡住了.

import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import { Grid, Row, Col } from 'react-flexbox-grid';
import axios, { post } from 'axios';
import compose from 'recompose/compose';
import { withStyles } from '@material-ui/core/styles';
import Styles from '../styles';
import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';

import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableHead from '@material-ui/core/TableHead';
import …

我试图在触发后更新状态，并希望立即使用该状态来触发函数，但状态不会立即更新。

有什么建议 ？

                 <Button
                       onClick={() => {
                        console.log(finalData) //old data
                       setFinalData(mutableData); // updating state
                        console.log(finalData) // still geeting old state
               }>
           </Button>

这里我有三个过滤器，我需要选择三个过滤器来过滤表中的数据。我正在使用 if else 语句来检查和过滤数据，因此我想以某种模块化方式修改代码以实现相同的目的，任何人都可以建议我，我应该使用 switch case 吗？

  if (mapFilter === 'Mapped') {
    if (listFilter) {
      const result = fullData.filter(
        data =>
          data.partner_mapping_classification.length > 0 &&
          data.account === listFilter,
      );
      setFinalData(result);
    } else {
      const result = fullData.filter(
        data => data.partner_mapping_classification.length > 0,
      );
      setFinalData(result);
    }
  } else if (mapFilter === 'Not Mapped') {
    if (listFilter) {
      const result = fullData.filter(
        data =>
          data.partner_mapping_classification === '' &&
          data.account === listFilter,
      );
      setFinalData(result);
    } else {
      const result = fullData.filter(
        data => …