在使用ReactJS选择下拉列表中的项目后，如何进行活动？

Question

实际上，我正在使用Laravek API从事ReactJS项目。在下拉列表中选择项目后，我想更改字段的值。 这是一个景象：如果我选择例如，每个期间的合同租金价值应为444（222*2）等... [1]： https://i.sstatic.net/t58vk.png 这是我的代码：

  <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>

如果你们中的任何人都可以帮助我，我将非常感谢

Answer 1

您可以在标签上添加on Click，并与他们一起做您想要的