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] お金のむこうに人がいる 元ゴールドマン・サックス金利トレーダーが書いた 予備知識のいらない経済新入門
田内学 (単行本(ソフトカバー))