de hecho, estoy trabajando en el proyecto reactJs con la API de Laravek. Quiero cambiar el valor de un campo después de elegir un elemento en una lista desplegable. Este es un ejemplo: si elijo, por ejemplo, bimestralmente, el valor del contrato de alquiler por período debe ser 444 (222 * 2), etc. [1]: https://i.stack.imgur.com/t58vK.png Esto es mi código:

 <Row> <Col sm='6' className='mb-1'> <Label className='form-label' >Select Period</Label> <select className='form-control'> <option>Select Period </option> {periodList.map((item) => { return (<option value='periodicity'>{item.periodicity}</option> ) }) } </select> </Col> {unit.map((item) => <Col sm='6' className='mb-1'> <Label className='form-label'> Contract Rent Per Period </Label> <Input type='text' value={item?.unit_rent_per_month} /> </Col> )} <Col sm='6' className='mb-1'> <Label className='form-label' for='compl_date'> Date <span className='text-danger'>*</span> </Label> <Flatpickr className='form-control' value={date} id='date' /> </Col> {unit.map((item) => <Col sm='6' className='mb-1'> <Label className='form-label'> Contract Rent Per Period </Label> <Input type='text' value={item?.unit_rent_per_month} /> </Col> )} </Row>

les agradeceria mucho si alguno de ustedes me puede ayudar