Question

我需要创建一个类，它会根据Objects自动创建多个JSON（文本和切换对），Switch应该获取不同的values当onValueChange事件被触发时。

问题：如果您查看以下代码。函数switchChanged只获取最后一个传入的field（位置）。奇怪的是：上面的Text字段都可以获得正确的值。 Just at the onValueChange function i get only the last field handed over

我删除了所有样式以便于阅读

Json如下所示：

module.exports = {
    "reminders":
    {
        "title": "Erinnerungen",
        "description": "Sollten Sie Favoriten gesetzt haben, können Sie uns hier erlauben Sie an die Events zu erinnern.",
        "startvalue": true
    },
    "noIntro":
    {
        "title": "Introseite",
        "description": "Wenn Sie wollen können Sie die beim ersten Start gezeigte Introseite bei jedem Start anzeigen lassen.",
        "startvalue": true
    },
    "location":
    {
        "title": "GPS erlauben",
        "description": "Erlauben Sie ihrem Smartphone das GPS für unsere Campuskarte zu benutzen.",
        "startvalue": true
    }
}

应该发生魔法的类（设置）：

//There i require the above JSON
var settingIndex = require('../../settingIndex');

class Settings extends Component {
    constructor(props) {
        super();
    }
  
  getSettingBox(){
        var Settings = [];
        var object = {};

        for (var topicKey in settingIndex){
            var value = SettingStorage.get().filtered('key = "' + topicKey + '"')[0].value;
            var title = settingIndex[topicKey].title;
            var description = settingIndex[topicKey].description;

            object=(
                <View>
                    <View>
                        <Text>{title}</Text>
                        <Text>{description}</Text>
                    </View>
                    <Switch
                        onTintColor={styleHelper.colors.ACCENT_COLOR}
                        onValueChange={(value) => this.switchChanged(topicKey, value)}
                        value={value}/>
                </View>
            );
            Settings.push(object)
        }
        return Settings;
    }

    render() {
        var Settings = this.getSettingBox();
        return(
            <View>
                <View>
                    {Settings}
                </View>
            </View>
        );
    }

    switchChanged(field, value) {
        console.log("Feld: " + field + "--- Value: " + value);
        var obj = {};
        obj[field] = value;
        SettingStorage.set({
            key: field,
            value: value
        });
        this.setState(obj);           
    }
}

更多信息：

SettingStorage是我自己的课程，我可以保存并从/向Realm获取内容

在应用的第一次启动时将startvalue设置为初始值

非常感谢你提前帮助。

Answer 1

在问我知道答案后5分钟。感到绝望3000小时后。

问题：在getSettingBox()我将for(var topicKey in settingIndex)更改为for(let topicKey in settingIndex)。所以问题似乎是变量/ let的生命周期。

我不会关闭这个问题也许有人有同样的问题并且像我一样吓坏了。

问候

React-Native - Switch onValueChange输入引用错误的字段

1 个答案: