我怎么能使一个事件后选择一个项目下拉列表与reactJs?

Question

实际上我正在使用Laravek API进行reactJs项目。我想改变一个字段的值后，选择一个项目下拉列表。这是一个例子:如果我选择以双月为例，合同租金的价值应该是444(222*2)等等……[1]: https://i.stack.imgur.com/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

你可以在你的标签上添加onClick，并做你想做的事情