Блог

Я использую inView в своем компоненте. Пока сообщения не были загружены, пользователь видит скелет. Но когда я нажимаю кнопку «Удалить», появляется скелет и исчезает. Могу ли я остановить это быстрое появление при нажатии кнопки «Удалить».

 class MyPosts extends Component {
  deleteItem = (key) => {
    this.props.deleteItem(key);
  };

  render() {
    const { myPosts, classes } = this.props;

    let posts = myPosts.map((item) => {
      return (
        <InView threshold={0}>
          {({ ref, inView }) => (
            <div  ref={ref} inView={inView}>
              {inView ? (
                <Card>                  
                  <Typography >
                    {item.post}
                  </Typography>                 
                  <Button                   
                   onClick={() => this.deleteItem(item.key)}
                  >
                    Done
                  </Button>
                </Card>
              ) : (
                <Skeleton />
              )}
            </div>
          )}
        </InView>
      );
    });

    return <div>{posts}</div>;
  }
}