传递道具来调用函数是行不通的

函数是行不通的"/>

传递道具来调用函数是行不通的

我有一个取消按钮。我想在按下按钮时在另一个 js 文件中执行特定功能。这就是我正在做的。

function Add(props) {
  const [cancel, setCancel] = useState(false);

  const handleCancel = () => {
    setCancel(true);
    <UploadFile cancel={cancel}/>
  }

  return(
    <div>
      <Dialog open={open} onClose={handleClose}>
         <DialogActions>
            <Button variant="contained" onClick={handleCancel}>Cancel</Button>
         </DialogActions>
      </Dialog>
    </div>
  )
}

在另一个文件UploadFile.js中，代码如下：

const UploadFile = (props) => {
    useEffect(() => {
        if(props.cancel) {
            remove();
        }
    },);

    const remove = () => {
    //Doing removing files
    ...
    };
}

但是 remove() 永远不会被调用。我不确定 useEffect() 是否正确使用。

您正在调用 useEffect 中的 remove 函数，它只在页面加载时呈现一次。这意味着 remove 函数只会在 UploadFile 呈现时被调用。尝试将 if 语句移出 useEffect。