在React中,你可以使用`<input type="time">`元素来选择时分数据。以下是一个简单的示例:
```jsx
import React, { useState } from 'react';
function App() {
const [time, setTime] = useState('');
const handleChange = (event) => {
setTime(event.target.value);
react面试题hook是什么 };
return (
<div>
<label htmlFor="time-input">选择时分:</label>
<input
type="time"
id="time-input"
value={time}
onChange={handleChange}
/>
<p>你选择的时间是: {time}</p>
</div>
);
}
export default App;
```
在这个示例中,我们使用了React的`useState` hook来管理时间状态。当用户选择一个时间时,`handleChange`函数会被调用,更新状态中的`time`值。然后,我们在页面上显示用户选择的时间。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论