0

我正在构建一个包含一些组件的 React 应用程序，其中至少有一半我正在使用 React-notify 并且它在几乎所有组件中都能正常工作，但是一个 React-toastify 通知在同一页面中显示不止一次（三次）。我不知道为什么会发生这种情况我认为它渲染了 3 倍的页面但我不知道为什么

 const ProductList = (props) => {
    const [value, setValue] = React.useState(0);
  
    const handleChange = (event, newValue) => {
      setValue(newValue);
    };

    var language=props.selectedlan.selectedlan;
    var json = language === LAN_EN?jsonEN.projectPage:jsonGR.projectPage;
   
    return (
      <Page
        title="Team"
      >                     
        <Container maxWidth={false}>
              <Toaster  position="top-center"   reverseOrder={true}/>

          <Box mt={3} >
            <Grid
              container
              spacing={3}
              className={stylesMain.titleProductCardIndex}
            >
              <Grid
                  item
                  lg={4}
                  md={6}
                  xs={12}
                >
....
        <Teams    
        />
         < br />
        </Container>
      </Page>
    );
};

const mapStateToProps = state => {

  const language=state.selectedlan;
  const json = language === LAN_EN?jsonEN.projectPage:jsonGR.projectPage;
  const { search } = window.location;
  const remove = (new URLSearchParams(search)).get('remove');
  const changeData = (new URLSearchParams(search)).get('changeData');
  const uploadData = (new URLSearchParams(search)).get('uploadData');
  const removeProject = (new URLSearchParams(search)).get('removeProject');
  const createProject = (new URLSearchParams(search)).get('createProject');
  const deleteSt = (new URLSearchParams(search)).get('deleteSt');
  const reject = (new URLSearchParams(search)).get('reject');
  const accept = (new URLSearchParams(search)).get('accept');
  if (createProject === '1') {
    toast.success(json.toolbar.value10, {
      duration: 10000,
    });
  }

  return { loginsession: state.loginsession,
    selectedlan: state.selectedlan };
};

export default connect(
  mapStateToProps,
)(ProductList);
4

0 回答 0