1

我想在我的导航栏中包含一个保存按钮，它应该唤起我的 savebuttonhandler1 函数。但是，savebuttonhandler1 函数是功能组件 (rete.js) 中的嵌套函数。

Rete.js 是一个功能组件，服务于我网站的一个页面。它调用 API（对话流）。导航栏位于每个页面的顶部。

这是组件的层次结构：App.js（父）-> Navbar.js（子）

App.js（父）--> Canvas.js（父）--> Rete.js（子）

您知道访问嵌套函数的任何方法吗？我可以使用反应上下文来做到这一点吗？

这是我的 navbar.js（简化版）：

const Navbar = (props) => {
  return (
    <div className={root}>
      <AppBar position="absolute" className={root}>
        <Toolbar>
          <img className={img} src={Logo} alt={Logo} />
          <Typography variant="h4" className={title} component={Link} to="/">
            MyTeachingBot
          </Typography>
                <Fragment>
                  <Button
                    className={createnewButton}
                    component={Link}
                    endIcon={<SaveIcon />}
                    onClick={savebuttonhandler1} --> this is the button where I want to envoke the nested function
                  >
                    Save and Test
                  </Button>
      
                
            ]
          )}
        </Toolbar>
      </AppBar>
    </div>
  );
};

这是 rete.js 中嵌套的 savebuttonhandler1 函数：

const Rete = (props) => {
   const saveButtonHandler1 = async () => {
     ...some Code}
4

0 回答 0