let [a, b, c] = [1, 2, 3]

console.log(a, b, c);

// 输出：1 2 3

let { name, age }  = { name: 'John', age: 30 };

console.log(name, age);

import React from 'react';

const inputOptions = [ 
  { id: 1, label: '名字', name: 'name' },
  { id: 2, label: '邮箱', name: 'email' },
  { id: 3, label: '密码', name: 'password' },
];
const title = "信息表单";

export default function FormComponent() {
  console.info("===inputOptions:", inputOptions)

  return (
    <>  
      <h2>{title}</h2>
      <form>
        // 使用 inputOptions 数组,遍历每个选项,渲染一个 <div> 元素,包含一个 <label> 和一个 <input> 元素。这里使用了解构赋值,从每个 option 对象中提取 id、label 和 name 属性
        {inputOptions.map((option) => (
          <div key={option.id}>
            <label htmlFor={option.id}>{option.label}</label>
            <input type="text" id={option.id} name={option.name} />
          </div>
        ))} 
      </form>
    </> 
  );  
}