当我点击带有数据的按钮时，我该如何做到这一点?它将使用NextJS在选择选项数据上选择值

Question

你好，我是NextJS的初学者，当我点击按钮时，我该怎么做？它会在选择选项数据上选择值，比如这个链接的例子https://www.mobicom.mn/mn/shop/newnumber#/点击select选项下方的前4位后，它将在select选项上方更改。我如何做到这一点并获取前4位旁边的数据？这是带有数据的按钮

这是选择选项标签

当我点击7801按钮时，它会在选择选项上得到7801？

Answer 1

我假设您正在努力解决如何获取数据和处理状态

const App = () =>{
const [state,setState] = useState();
return (
<select onChange={(e) => setState(e.currentTarget.value)} value={state}>
<option value="1">Value 1 </option>
<option value="2">Value 2</option>
<option value="2">Value 3</option>
</select>
)
}

这是一个非常基本的例子；onChange；在select上获得其当前选择的值；改变"；它会将状态设置为值例如setState("此处的某个值"(更改状态的值