TIL > form > arr.map refactoring

const arr = [
	{
    	id: 1,
        label: ' 이메일',
        type: 'text',
        placeholder: email@email.com',
        name: 'email',
    },
    {
    	id: 2,
        label: '비밀번호',
        type: ' password',
        placeholder: '비밀번호흫 ~~~~',
        name: ' password',
    }'
  };
    
        
<fieldset>
	<form className="signUpForm">
    	{arr.map(({ id, label, type, placeholder, name }) => {
	return (
    	<div className="row" key={id}
        	<label>{label}</label>
            <TextBox
            	type={type}
                placeholer={placeholder}	
                className={name}
                name={name}
                onChange={handleChange}
              />
             {name ==='email' && (
  				<Button
 					classname={idValue.includes('@') ? 'buttonOn' : 'button'}
                 >
                  중복 확이 </Button>