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

イシガキ産業 焼き芋 鍋 幅26.5×奥行12.5×高さ10.5cm 小 発熱セラミックボール付き ほっこりぐるめ やきいも 3820
[ad] イシガキ産業 焼き芋 鍋 幅26.5×奥行12.5×高さ10.5cm 小 発熱セラミックボール付き ほっこりぐるめ やきいも 3820
イシガキ産業 (ホーム&キッチン)