fix(components): 修复PasswordInput组件onSubmit执行问题以及优化事件判断

3lang3 · Dec 7, 2021 · e985208 · e985208
1 parent ff04288
commit e985208
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/react-vant/src/password-input/PasswordInput.tsx b/packages/react-vant/src/password-input/PasswordInput.tsx
@@ -68,9 +68,7 @@ const PasswordInput = forwardRef<PasswordInputInstance, PasswordInputProps>((pro
   const handleChange = (e) => {
     const val = e.target.value;
     innerEffect.current = true;
-    formatValue(val, (v: string) => {
-      if (isFunction(props.onChange)) props.onChange(v);
-    });
+    formatValue(val, props?.onChange);
   };
 
   const renderPoints = () => {
@@ -119,7 +117,7 @@ const PasswordInput = forwardRef<PasswordInputInstance, PasswordInputProps>((pro
   useEffect(() => {
     if (state.code.length >= props.length) {
       inputRef?.current?.blur?.();
-      props.onSubmit(state.code);
+      props?.onSubmit(state.code);
     }
   }, [state.code]);
 
@@ -157,7 +155,7 @@ const PasswordInput = forwardRef<PasswordInputInstance, PasswordInputProps>((pro
         onChange={handleChange}
         onFocus={() => {
           updateState({ focused: true });
-          if (isFunction(props.onFocus)) props.onFocus();
+          props?.onFocus();
         }}
         onBlur={() => updateState({ focused: false })}
       />