BaseField

使用法

BaseField は主にコンポーネントではなくフックとして使用されます:

function useExampleField( props ) {
   const { as = 'input', ...baseProps } = useBaseField( props );
   const inputProps = {
   as,
   // more cool stuff here
   };
   return { inputProps, ...baseProps };
}
function ExampleField( props, forwardRef ) {
   const { preFix, affix, disabled, inputProps, ...baseProps } =
   useExampleField( props );
   return (
   <View { ...baseProps } disabled={ disabled }>
   { preFix }
   <View autocomplete="off" { ...inputProps } disabled={ disabled } />
   { affix }
   </View>
   );
}

プロパティ

disabled: boolean

フィールドが無効かどうか。

• 必須: いいえ
  

hasError: boolean

コンポーネントの周りにエラースタイルをレンダリングします。

• 必須: いいえ
• デフォルト: false
  

isInline: boolean

テキスト内にインラインで表示できるコンポーネントをレンダリングします。

• 必須: いいえ
• デフォルト: false
  

isSubtle: boolean

コンポーネントの微妙なバリアントをレンダリングします。

• 必須: いいえ
• デフォルト: false