how to setstate in parent in child component in react native


class Parent extends React.Component {
constructor(props) {
super(props)

this.handler = this.handler.bind(this)
}

handler() {
this.setState({
someVar: 'some value'
})
}

render() {
return <Child handler = {this.handler} />
}
}

class Child extends React.Component {
render() {
return <Button onClick = {this.props.handler}/ >
}
}

www.codegrepper.com
www.stackoverflow.com

how to run react native app


npm install -g react-native-cli

//cd to the file where your react native projects will be
react-native init albums

// Run instructions for IOS/Android
cd projects/albums

npx react-native run-ios
npx react-native run-android

react-native run-android
react-native run-ios

npm install -g react-native-cli

npx react-native init AwesomeProject

react-native start

$ npx react-native init firstapp

www.codegrepper.com
www.stackoverflow.com

how to run a cloned react native project


"dependencies": {
...
"react-native": "myName/react-native#release/my-react-native-release"
}

sdk.dir=/Users/your_unix_name/android-sdk-macosx
ndk.dir=/Users/your_unix_name/android-ndk/android-ndk-r17c

git checkout -d release/my-react-native-release
docker run --rm --name rn-build -v $PWD:/pwd -w /pwd reactnativecommunity/react-native-android /bin/sh -c "./gradlew installArchives"
git add android --force
git commit -a -m 'my react native forked release'
git push

npm install --save github:facebook/react-native#master

gradle.projectsLoaded {
rootProject.allprojects {
buildDir = "/path/to/build/directory/${rootProject.name}/${project.name}"
}
}

...
dependencies {
classpath 'com.android.tools.build:gradle:3.4.2'
classpath 'de.undercouch:gradle-download-task:4.0.0'

// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
...

allprojects {
repositories { ... }

configurations.all {
resolutionStrategy {
dependencySubstitution {
substitute module("com.facebook.react:react-native:+") with project(":ReactAndroid")
}
}
}
}

...
include ':ReactAndroid'

project(':ReactAndroid').projectDir = new File(
rootProject.projectDir, '../node_modules/react-native/ReactAndroid')
...

...
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])

implementation project(':ReactAndroid')

...
}
...

export ANDROID_SDK=/Users/your_unix_name/android-sdk-macosx
export ANDROID_NDK=/Users/your_unix_name/android-ndk/android-ndk-r17c

www.codegrepper.com
www.stackoverflow.com