React-Native TypeError: Undefined не является объектом (оценка this.state.signatures.length)

Я новичок в react-native. Я пытался получить данные из API, а затем показать их в представлении. это мой код

FetchSignatures.js:

    const URL = 'http://localhost:8000';

    export default {
     async fetchSignatures() {
       try{
           let response = await fetch(URL+'/api/signatures');
           let responseJsonData = await response.json();
           return responseJsonData;
       }
       catch(e){
         console.log(e)
       }
     }
    }

Signatures.js:

    import React, { Component } from 'react';
    import { View, Text, StyleSheet  } from 'react-native';
    import ajax from '../services/FetchSignatures';
    import SignaturesList from '../components/SignaturesList';

    export class Signatures extends Component {
      state = {
        signatures: []
      }

      async componentDidMount() {
        const signatures = await ajax.fetchSignatures();
        this.setState({signatures});
      }
      render() {
        return (
        <View>
        {
          this.state.signatures.length > 0 ? <SignaturesList signatures= 
          {this.state.signatures}/> : <Text>No Guest</Text>
        }
        </View> 
        )
      }
    }

    export default Signatures;

Он всегда возвращает ошибку, в которой говорится, что «TypeError: Undefined не является объектом (оценка this.state.signatures.length»).

это снимок экрана моего API:

Пожалуйста, помогите мне решить эту проблему .. Заранее благодарю ..