js用ref()函数输出姓名与学号
时间: 2024-09-09 22:05:38 浏览: 28
JavaScript 中的 `ref()` 函数通常是指 React Hooks 中的 `useRef`,这是一个状态钩子,用于在组件的整个生命周期内持有对 DOM 元素或者不可变值的引用。如果你想要通过 `ref` 输出姓名和学号,你可能是在创建一个表单或者其他需要绑定DOM元素的情况。这里是一个简单的例子:
```jsx
import { useRef } from 'react';
function StudentForm() {
const nameRef = useRef('');
const studentNumberRef = useRef('');
function handleChangeName(event) {
nameRef.current.value = event.target.value;
}
function handleChangeStudentNumber(event) {
studentNumberRef.current.value = event.target.value;
}
return (
<div>
<label>Name:</label>
<input type="text" ref={nameRef} onChange={handleChangeName} />
{/* 这里省略了学生学号输入框 */}
<p>当前姓名: {nameRef.current.value}</p>
<p>当前学号: {studentNumberRef.current.value}</p>
</div>
);
}
```
在这个例子中,`nameRef` 和 `studentNumberRef` 分别存储了姓名和学号输入框的引用,`handleChangeName` 和 `handleChangeStudentNumber` 是处理输入事件的函数,当用户在对应的输入框中修改内容时,相应的值会被更新并显示出来。