ReactJS - 在其子级中使用父状态的上下文

Question

我有点问题。我想在我的孩子中使用道具回调来设置我父母的状态。情况看起来与此类似：

PARENT COMPONENT

(...)
switch(option.target.id) {
          case 'facebook': 
                this.props.onOptionsChange({...this.state,
                options:{...this.state.options,
                facebook: option.target.checked}})
(...)

儿童成分

git status

...但最终的上下文总是我的子上下文，所以应用程序崩溃了。是否有可能将上下文从孩子转移到父母？干杯

Answer 1

理想情况下，您将在父组件中有一个状态，您将传递给子组件，然后子组件将从道具中使用它，如果它想要进行任何更改，它将更新父状态

尝试

ParentComponent

/**
 * Copies the final release APK into the project root folder.
 */
task copyRelease(type: Copy) {
    from "build/outputs/apk"
    into "../release"
    include "app-release.apk"
}

ChildComponent

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            //NavUtils.navigateUpFromSameTask(this);
            finish();
            return true;
    }
    return super.onOptionsItemSelected(item);
}