問題

私のコンポーネントの1つを機能的なステートレスコンポーネント(FSC)に変換しようとしています。

しかし、FSCは...restを使用する場合は最適化されないため、コンポーネントの小道具を破棄する必要があります。

私はリンクを

 <Link to={link} data-navbar-click="close-menu">{name}</Link>
 

リンクでは、ハイフンキャッシュを破棄したい> data-navbar-click prop:

 function Link({ to, className, onClick, target, rel, key, data-navbar-click}) {
 

しかし、それはコンパイルされません。だから私は試した:

 function Link({ to, className, onClick, target, rel, key, ['data-navbar-click']}) {
 

しかし、それはうまくいきません。

  ベストアンサー

最も簡単な解決策:エイリアスを使用します。

 const Link = ({
  to,
  className,
  onClick,
  target,
  rel,
  key,
  'data-navbar-click': dataNavbarClick,
}) => {
  const test = dataNavbarClick;
};
 

dataNavbarClickに値 "close-menu"が必要です

  同じタグがついた質問を見る

reactjscomponentsjsx