Wie bekomme ich diese.Zustand.Wert von anderen Komponenten reagieren nativen

Ich habe es auf der Arbeit aufrufen von getValue in classtwo von classone aber gibt es einen anderen Weg, dies zu tun? Gibt es einen einfacheren Weg, diese zu bekommen.Zustand.Wert von classtwo?

Habe ich versucht, indem statische getValue als statisch, sondern es immer werfen mir einen Fehler. Wer kann helfen?

Dank!

class ClassOne extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
            classtwo: new ClassTwo(),
        };
    }

    CallGetValue(){
        this.state.classtwo.getValue();
    }
}

class ClassTwo extends React.Component {

    constructor(props) {
        super(props);

        this.state = {
            value: 100,
        };

    }

    getValue(){
        return this.state.value;
    }
}
  • Was meinst du mit "Deklarieren Sie eine neue"? Was ist falsch daran?
  • "Ich habe versucht, statische getValue als statische" - warum würden Sie das tun?
  • Ich brauche nur 1 Instanz für die gesamte Anwendung Lebensdauer. Wie habe ich nur eine Suchleiste für die app und ich halten, deklarieren von neuen Suchleiste() für classthree classfour.
  • Warum mehrere Ihrer Klassen enthalten, die eine Instanz von SearchBar? Wer instanziiert werden, dass einzelne SearchBar möchten Sie in Ihrer Anwendung verwenden? Vielleicht sollte es eher sein, die parameter der Konstruktor-Funktionen? Und btw, new ist nicht die Erklärung, es ist eine Konstruktion.
  • Das sieht aus wie der Weg, es zu tun. Warum glaubst du, es würde einen anderen Weg?
InformationsquelleAutor phongyewtong | 2015-09-28
  1. 4

    Sollte es so Aussehen.

        class ClassOne extends React.Component {

        constructor(props) {
            super(props);

            this.state = {
                classtwo: 0,
            };
        }
            componentWillReceiveProps(nextProps) {
                if (nextProps.classtwo && (this.state.classtwo != nextProps.classtwo))
                    {this.setState({classtwo: nextProps.classtwo});}
            }
    }

    class ClassTwo extends React.Component {

        constructor(props) {
            super(props);
                    this.changeValue = this. changeValue.bind(this);
            this.state = {
                value: 100,
            };

        }

        changeValue(value){
            this.props.changeValue(this.state.value);
                    this.setState(value: value);
        }
    }

    class ClassZero extends React.Component {
        constructor(props) {
                super(props);
                this.changeValue = this. changeValue.bind(this);
                this.state = {
                        classTwoValue: 0,
                };

        }

        changeValue(value){
                this.setState(classTwoValue: value);
        }

        render() {
            return (
                <div>
                    <ClassOne classtwo={this.state.classTwoValue}/>
                    <ClassTwo changeValue={this.changeValue}/>
                </div>
            )
        }
    }
    • Dank janaka, aber i dont get diese Teil können Sie erklären, ein wenig auf dieser: componentWillReceiveProps(nextProps)
    • dieser wird ausgelöst, wenn eine Komponente erhält eine Stütze und nur vor der render ran. sehen, reagieren-native-Lebens-Zyklus.. facebook.github.io/react/docs/component-specs.html
    InformationsquelleAutor J. Mark Stevens
Schreibe einen Kommentar