JS笔记汇总

JS笔记汇总

• [扩展符号 spread syntax ...](#扩展符号 spread syntax ...)
• • 二级目录
  • • 三级目录

扩展符号 spread syntax ...

MDN

• 简单展开，复制
• 展开附值

import { useState } from 'react';

// 自定义 Hook 封装逻辑
function useBind(initialValue) {
    const [value, setValue] = useState(initialValue);
    return {
        value,
        onChange: (e) => setValue(e.target.value)
    };
}

function CustomHookInput() {
    const nameBind = useBind("");  // 初始化
    const emailBind = useBind("");

    return (
        <div>
            {/* 使用 {...} 自动展开 value 和 onChange */}
            <input {...nameBind} placeholder="姓名" />
            <input {...emailBind} placeholder="邮箱" />
            
            <p>姓名是: {nameBind.value}</p>
        </div>
    );
}

二级目录

三级目录