created: 2021-05-02T09:44:17.000Z

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

ユーザが入力するテキストフィールドに、デフォルトの値を入れておきたい場合。 ちゃんとオプションが用意されていて、 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

Interface(インターフェース) 2023年 07 月号
[ad] Interface(インターフェース) 2023年 07 月号
Interface編集部 (雑誌)