Variable access in ReactJS

Question

why i cant access to variable "rows" in method parse? If i put this.setState({rows: [3,2]}); outside of "parseString it works, but what to do to make it work inside this method?

 class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = this.getCleanState();
    this.parse = this.parse.bind(this);
 }


 getCleanState() {

    return {

        isLoading: true,
        columns:[
            { name: 'a:ClientID', title: 'ID kombinace'},
            { name: 'a:Name', title: 'Název kombinace'},
        ],
        defaultColumnWidths: [
            { columnName: 'a:ClientID', width: 160 },
            { columnName: 'a:Name', width: 200 },

          ],
        rows:[],
        selection: [],


    };
} 

 parse(XML){
        var parseString = require('react-native-xml2js').parseString;
        var xml = XML;
        parseString(xml, function (err, result) {
        console.dir(result);
        this.setState({rows: [3,2]});
        });
    }

Ji aSH · Accepted Answer · 2018-06-14 09:29:53Z

1

because you use an anonymous function that is not binded.

Use arrow function for instance (or explicitly bind)

parse(XML){
    var parseString = require('react-native-xml2js').parseString;
    var xml = XML;
    parseString(xml, (err, result) => {
        console.dir(result);
        this.setState({rows: [3,2]});
    });
}

answered Jun 14, 2018 at 9:29

Ji aSH

3,4841 gold badge12 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Variable access in ReactJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related