null is not an object (evaluating 'this.state.noteArray')

[IsmaelEzequiel]

Why Im getting this error while I already have my constructor?

` export default class testPoject extends Component {
constructor(props) {
super(props);
this.state = {noteArray: []}
}

render() {

let notes = this.state.noteArray.map((val, key) => {
    return <Note key={key} keyval={key} val={val} deleteMethod={ () => this.deleteNote(key)} />
});

return (
<View style={styles.container}>

        <View style={styles.header}>
            <Text style={styles.headerText}>TODO LIST  </Text>
        </View>

        <ScrollView style={styles.scrollConainer}>

        </ScrollView>

        <View style={styles.footer}>

            <TouchableOpacity style={styles.addButton}>
                <Text style={styles.addButtonText}>
                    +
                </Text>
            </TouchableOpacity>

            <TextInput style={styles.noteInputText}
                placeholder="> Note"
                placeholderTextColor="#FFF"
                underlineColorAndroid="transparent"
                numberOfLines = {3}
            />

        </View>

</View>
);

}`

To have a better look at my code, you can take a look here: https://github.com/IsmaelEzequiel/Sample_React_Native_App/blob/master/index.android.js