Button onPress/onLongPress trigger setState warning about react-native-material-design HOT 6 CLOSED

That's because you're doing it wrong I believe. You're calling the method when the component is being rendered, not when it's clicked:

<Button
        onPress={() => this.handleSubmit }
        onLongPress={() => this.handleSubmit }
        primary='googleRed'
        theme='dark'
        raised={true}
        value='Save'
      />

from react-native-material-design.

<Button onPress={() => this.handleSubmit } ...> and <Button onPress={() => this.handleSubmit.bind(this) } ...> doesn't trigger function handleSubmit.
It should be <Button onPress={() => this.handleSubmit() } ...>. Unfortunately, it still throw warning :/

Edit:
Actual warning message is: Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the undefined component.

from react-native-material-design.

Hmm, can I see your entire component? What Android API are you running? And are you using master or 3.1?

EDIT: what happens here: this.props.onSubmit(this.state). It might be un-mounting while some set states are running.... which could also be on the button.

from react-native-material-design.

See this gist at line 91, 95, and 96 (LoginForm.js).
Tested on Android 4.1 (Genymotion) and Android 4.4 (real device). Using [email protected].

And I also had refactor this.props.onSubmit(this.state) (check my gist), but problem still occured.

from react-native-material-design.

@pewh can we see the code for this.props.onSubmit(usernameValue, passwordValue) - that function, also try commenting out that row and see if you still get the issue, then we know if it's that or not

from react-native-material-design.

I have figure out the problem. This is not RNMD issue, but my code.

function handleSubmit (props) {
  redirectToHomeRoute(props) // this will unmount current component
  this.setState({ foo: 'bar' }) // trigger setState warning
}

I'm just curios why there's no warning on <TouchableOpacity onPress={handleSubmit}>...</TouchableOpacity>. But at least all goes well. Thanks for the time.

from react-native-material-design.