Javascript 为什么onClick函数调用只传递一个字符?(JS)

Javascript 为什么onClick函数调用只传递一个字符?(JS),javascript,reactjs,function,onclick,Javascript,Reactjs,Function,Onclick,当用户单击按钮并传递变量时,我试图调用函数调用,但是当我将console.log参数作为响应时,它只输出一个字母(因此,如果传递gallery,它只返回g)。我不确定调用函数的方式是否需要更改,或者接收函数的函数是否需要更改 const Button = ({selectedIcon}) => { const [selected] = selectedIcon; return( <div className="buttonBlock">

当用户单击按钮并传递变量时,我试图调用函数调用,但是当我将console.log参数作为响应时,它只输出一个字母(因此,如果传递gallery,它只返回g)。我不确定调用函数的方式是否需要更改,或者接收函数的函数是否需要更改

const Button = ({selectedIcon}) => {
    const [selected] = selectedIcon;

   return(
      <div className="buttonBlock">
         <span className="btn">
            <input className="btn-outline" type="button" value="Press Me" onClick={ () => getResponse(selected) }/>
         </span>
      </div>
   );
}

我认为你的问题在于:

const [selected] = selectedIcon;
如果selectedIcon='gallery',[selected]=selectedIcon,则selected='g'

> selectedIcon = 'gallery'
'gallery'
> [selected] = selectedIcon
'gallery'
> selected
'g'
>
按照这个指示

 const [selected] = selectedIcon;
您正在对字符串进行结构分解,该字符串被视为数组,因此仅将第一个字符返回到所选变量


更多信息。

const[selected]=selectedIcon->
const selected=selectedIcon
 const [selected] = selectedIcon;