,可以通过以下方式实现:
import React, { useState } from 'react';
const MyComponent = () => {
const [selectedOption, setSelectedOption] = useState('');
const handleSelectChange = (event) => {
setSelectedOption(event.target.value);
};
return (
<div>
<select value={selectedOption} onChange={handleSelectChange}>
<option value="">请选择编号</option>
<option value="1">编号1</option>
<option value="2">编号2</option>
<option value="3">编号3</option>
</select>
{selectedOption && (
<div>
你选择的编号是:{selectedOption}
</div>
)}
</div>
);
};
export default MyComponent;
这样,当用户选择一个编号时,页面会显示所选编号的信息。
关于React和React组件的更多信息,可以参考腾讯云的产品介绍链接:React - 腾讯云产品介绍
领取专属 10元无门槛券
手把手带您无忧上云