[React Native] Dialog Input 입력값 체크하기

<DialogInput
    isDialogVisible={this.state.showAlert_changename}
    message={'닉네임 변경은 30일마다 가능합니다.'}
    dialogStyle={{backgroundColor: 'white', borderRadius: 20}}
    textInputProps={{
    	autoCorrect: false,
        autoCapitalize: false,
        maxLength: 10,
    }}
    hintInput={this.state.name}
    initValueTextInput={""}
    submitText={'변경'}
    cancelText={'취소'}
    submitInput={(inputNickName) => {
    	if (inputNickName.trim()=="")
            Alert.alert('', '공백은 닉네임으로 사용할 수 없습니다.');
        else
            this.updateProfile(inputNickName);
    }}
    closeDialog={() => {
    	this.setState({showAlert_changename: false});
    }}
    />

 

 

initValueTextInput을 설정해주지 않으면 아무것도 입력하지 않고 submit 버튼을 눌렀을 때 inputNickName이 undefined여서 if문의 inputNickName.trim()에서 오류가 발생한다. 아무것도 입력하지 않았을 때 공백 문자열을 default로 설정해준다.