React-admin で Input にデフォルトの値を設定する

May 2, 2021 18:44 · 201 words · 1 minute read

ユーザが入力するテキストフィールドに、デフォルトの値を入れておきたい場合。 ちゃんとオプションが用意されていて、 initialValues に関数を渡せばできるようになっている。

const initialValues = () => ({ expireAt: new Date() });
export const UserCreate: React.FC<CreateProps> = props => (
  <Create {...props}>
      <SimpleForm redirect="list" initialValues={initialValues}>
          <DateInput source="expireAt" />
      </SimpleForm>
  </Create>
);

なお、フィールドごとに設定するオプションも各種コンポーネントに設定されているが、これは関数ではなく定数しか渡せないのでそんなに柔軟には設定できない。

initialValue Value to be set when the property is null or undefined

tweet Share