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

ホットクックお助けレシピ 予約調理のおかず ; 少ない材料&調味料で、あとはスイッチポン!
[ad] ホットクックお助けレシピ 予約調理のおかず ; 少ない材料&調味料で、あとはスイッチポン!
橋本加名子 (単行本(ソフトカバー))