反应:在函数中调用道具

时间:2020-09-23 15:25:31

标签: reactjs components react-props

React刚起步,所以如果我遇到这个错误,请告诉我。

简而言之,我希望能够在signUp组件中提交表单后重定向到登录组件。

当我们单击一个注册或登录按钮时,它将currentPage状态更改为分配的值。例如,如果currentPage当前设置为“ Login”,它将加载Login组件,并使用Sign Up组件加载“ Sign Up”。组件按预期加载,但是当尝试传递SignUp组件中的道具时,我不知道如何在提交表单后 调用pageSetter函数。

我可以做下面的工作,但是我只想在onSubmit函数中调用它

=QUERY(Contributions, "select B,C where C='"&A5&"' order by B desc limit 1",1)
11 Fred
11
<form onSubmit={this.props.pageSetter}>

2 个答案:

答案 0 :(得分:0)

我认为您的代码示例中有错别字:

  onSubmit = (event) => {
    event.preventDefault();

    this.props.pageSetter.value = "Login"
    this.props.pageSetter
  };

您能编辑一下吗,我会再检查一次! 另外,尽管有错字,但我不明白您为什么尝试在道具 pageSetter 上设置属性“值”,这是一种功能

答案 1 :(得分:0)

我也不明白为什么要在函数中设置属性。而不是这样做,您应该使用值作为参数来调用函数。

    this.props.pageSetter('Login');

您还应该修复pageSetter函数以接收页面值而不是事件。

相关问题