En primer lugar, soy muy nuevo en reaccionar-admin.

Tengo un SimpleForm que llena un montón de campos de una llamada a la API:

 <SimpleForm noValidate toolbar={<PostEditToolbar />}> <TextInput source="minute" label="Minute" /> <TextInput source="hour" label="Hour" /> <TextInput source="day" label="Day" />

Quiero incluir algunos botones en esta página de edición que establecerán los valores de estos campos, y he hecho lo siguiente:

 <Button class="btn btn-success" onClick={() => { document.getElementById("hour").value = '1'; }} label="Weekly">

El botón actualiza el campo, pero tan pronto como hace clic en el campo de entrada, vuelve al valor ingresado anteriormente (incluso si no lo guarda). Si hace clic en Guardar, también volverá a los valores anteriores.

¿Alguna idea sobre cómo lograr esto?

Código completo:

 export const BackupconfigEdit = (props) => ( <div> <Edit {...props}> <SimpleForm noValidate toolbar={<PostEditToolbar />}> <TextInput source="minute" label="Minute" /> <TextInput source="hour" label="Hour" /> <TextInput source="day" label="Day" /> <TextInput source="month" label="Month" /> <TextInput source="week" label="Week" /> <Button class="btn btn-success" onClick={() => { document.getElementById("hour").value = '1'; document.getElementById("minute").value = 0; document.getElementById("day").value = 0; document.getElementById("month").value = 0; document.getElementById("week").value = 0;}} label="Weekly"> </Button> </SimpleForm> </Edit> </div> );