Блог

Я действительно не могу понять, в чем моя ошибка.

это ошибка, которую я совершаю. Я понимаю, что мне нужно сделать безопасное кодирование с некоторыми дополнительными функциями, но я не знаю, где это исправить. Вероятно, на карте есть всплывающие окна:

Я пытался :

 const mapStateToProps = ({ articles }: RootState): IArticleProps => ({
  items: articles.items || undefined,
});
 

или,

 const mapStateToProps = ({ articles }: RootState): IArticleProps => ({
  items: articles.items || [],
});
 

это код ниже :

 import { connect } from "react-redux";
import { makeStyles } from "@material-ui/core/styles";
import List from "@material-ui/core/List";
import ListItem from "@material-ui/core/ListItem";

const useStyles = makeStyles((theme) => ({
  root: {
    width: "100%",
    maxWidth: 360,
    backgroundColor: theme.palette.background.paper,
  },
}));

interface RootState {
  contracts: {
    accounts: string[];
    admin: Object;
    event: Object;
  };
  articles: {
    instance: Object;
    event: Object;
    isPending: boolean;
    items: IArticleOutput[];
  };
}

interface IArticleProps {
  items: IArticleOutput[];
}
interface IArticleActionProps {
  someAction: () => void;
}

type Props = IArticleProps amp; IArticleActionProps;

const ArticlesList = ({ items }: Props): void => {
  const classes = useStyles();
  return(<List className={classes.root}>
    {items?.map(({ id, date, title, content }) => {
      <ListItem key={date} role={undefined} dense button onClick={() => null}>
        {title}
      </ListItem>;
    })}
  </List>);
};
const mapStateToProps = ({ articles }: RootState): IArticleProps => ({
  items: articles.items || undefined,
});

function mapDispatchToProps(dispatch: DispatchType): IArticleActionProps {
  return {
    someAction: () => {},
  };
}

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(ArticlesList) as any;