Not able to invoke handleSubmitFunction from the button click

1 
    <Page noToolbar noNavbar noSwipeback loginScreen>
      <LoginScreenTitle>SignUp</LoginScreenTitle>
      <List form>
        <ListInput
          label="Mobile Number"
          type="phone"
          placeholder="Your Number"
          value={this.state.number}
          onInput={(e) => {
            this.setState({ number: e.target.value});
          }}
        />
        <ListInput
          label="Owner Name"
          type="text"
          placeholder="Owner Name"
          value={this.state.ownerName}
          onInput={(e) => {
            this.setState({ ownerName: e.target.value});
          }}
        />
        <ListInput
          label="Shop Name"
          type="text"
          placeholder="Your ShopName"
          value={this.state.shopName}
          onInput={(e) => {
            this.setState({ shopName: e.target.value});
          }}
        />
      </List>
      <List>
        <ListButton type="submit" onClick={() => {this.handleSubmitFunction.bind(this)}} >Sign In</ListButton>
        <BlockFooter>xyz</BlockFooter>
      </List> 
    </Page>
2

Are you using Svelte or React?

id dont use Svelte, but for Svelte/React i think the event is click no onClick. But its possible im wrong.

Event Description
events
click Event will be triggered after click on a button
3

@pvtallulah I am using React for now. Actually I am also confused between “click” and “onClick” as for ListButton there is no such event called “onClick” but in the documentation of InputForm with React ,they have used “onClick” with ListButton

4

You have a wrong syntax:

<ListButton type="submit" onClick={() => {this.handleSubmitFunction.bind(this)}} >Sign In</ListButton>

should be

<ListButton type="submit" onClick={() => this.handleSubmitFunction()} >Sign In</ListButton>

or

<ListButton type="submit" onClick={this.handleSubmitFunction.bind(this)} >Sign In</ListButton>
5

@nolimits4web Thanks man. I didn’t see that