问未定义不是react本机中的对象(计算'Amazon.trim')

EN

 undefined is not an object (evaluating 'Amazon.trim')

export default function Add(props) {


  const { navigation } = props

  const data = props.route.params.data

   const amazonD =  data.service_details_data[0] ? data.service_details_data[0].amazon_name : ''

  const [AmazonError, setAmazonError] = useState([]);
  const [Amazon, setAmazon] = useState(undefined);

  const validateInputs = () => {

    if (!Amazon.trim()) {
      setAmazonError('Please Fill The Input')
      return;
    }
    else 
    {

        //+++++++++++++++++++++++++++++++++=submitting form data to api start+++++++++++++++++++++++++++++++++++
{
  
    const data = props.route.params.data
    const phpid = data.service_details_data[0] ? data.service_details_data[0].id : ''


    AsyncStorage.multiGet(["application_id", "created_by",'leadTagNumber']).then(response => {


  fetch('https://xyztech/Android_API_CI/uploaddata/merchant_service_details', {
      method: 'POST',
      headers: {'Accept': 'application/json, text/plain, */*', "Content-Type": "application/json" },
      // We convert the React state to JSON and send it as the POST body
      body: JSON.stringify([{ some data}])
    })
    .then((returnValue) => returnValue.json())
    .then(function(response) {
      console.log(response)
      Alert.alert("File uploaded");
      return response.json();
    });
  });
  // event.preventDefault();
  }
  //+++++++++++++++++++++++++++++++++submitting form data to api end++++++++++++++++++++++++++++++++++++++

      Alert.alert("success")
      return;
    }
  };

    const handleAmazon = (text) => {
    setAmazonError('')
    setAmazon(text)
    }
  

  return (
    <View style={{flex: 1}}>
          <ScrollView style={{flex: 1,}} showsVerticalScrollIndicator={false}>        

          <TextInput 
                        maxLength={30}
                        placeholder="Amazon *"
                        style={styles.inputStyle}
                        onChangeText={(text)=>handleAmazon(text)}
                        // value={Amazon}
                        defaultValue={amazonD}
                        value = {Amazon} />
                           <Text style={{color :'red'}}>{AmazonError}</Text>
     
         </ScrollView>
        <Button
          style={styles.inputStyleB}
          title="Submit"
          color="#FF8C00"
          onPress={() => validateInputs()}
        />
        </View>
  )
}