Calling Function from Another Class React-Native

Question

I am trying to call a function from another class. All i need is when i press the button it should console log an output to my browser.I tried making some steps but it throws an error saying "Cannot read property of message". Here's my code

import React, { Component } from "react";
import { StyleSheet, Text, View, TextInput, Button } from "react-native";
import messageClass from "./message"

class App extends Component{

 onPress = ()=>{
  this.setState({FromStr: this.state.From})
  this.setState({ToStr: this.state.To})
  messageClass.message()
 }

 render(){
  return (
   <View style={styles.buttonStyle}>
     <Button
       title={"Press"}
       color="#FFFFFF"
       onPress={this.onPress}
     />
   </View> 
  );
 }
}

message.js

import { Component } from "react";
export default class messageClass  extends Component{
    message(){
        console.log("Hiiiii")
    }
}

check this: https://stackoverflow.com/questions/43648440/how-to-call-a-function-from-another-class-in-react-native — Nobady
– Nobady, Commented Jan 28, 2020 at 15:29

ihsnktmr · Accepted Answer · 2020-01-28 16:22:13Z

2

Maybe you can try to use static method ?

import React, { Component } from "react";
import { StyleSheet, Text, View, TextInput, Button } from "react-native";
import messageClass from "./MessageClass"

export default class App extends Component{
     onPress = ()=>{
        messageClass.message()
     };

    render(){
        return (
            <View style={{width:100, height:50}}>
                <Button
                    title={"Press"}
                    color="#FFFFFF"
                    onPress={this.onPress}
                />
            </View>
        );
    }
}

import { Component } from "react";

export default class messageClass  extends Component{
    static message(){
        console.log("foo")
    }
}

answered Jan 28, 2020 at 16:22

ihsnktmr

2203 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ihsnktmr Over a year ago

Are you sure that you imported messageClass.js to App.js properly ?

SukhiX07 Over a year ago

How can i call it without "static" because state wont let me to change the state of my program

ihsnktmr Over a year ago

If you want to change state from another parent class you should use redux to manage your data and control your states with shoudlComponentUpdate() function I'd recommend you to check these out; redux.js.org and reactjs.org/docs/react-component.html

Collectives™ on Stack Overflow

Calling Function from Another Class React-Native

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related