Reactjs/html：卡片上的功能和重定向，但在单击子项时不执行

Question

我在卡片上遇到重定向和函数执行问题。单击卡片时应执行这些功能。它可以解决问题，但是当我单击卡片的子项（图像和文本）时 onClick() 失败。任何人都可以给我快速解决这个问题吗？ :)

卡片是一个react-router-dom链接。这是一些代码和屏幕截图。

  return (
          <div className="prefab__items">
            {preconfigurated.map((item, index) => (
              <Link
                key={index}
                data-models={JSON.stringify(item.models)}
                onClick={saveConfig} // not executed when clicking children 
                to="/configurator" // executed when clicking children 
                className="prefab__card"
              >
                <img className="prefab__card__img" src={item.preview} alt={item.name} />
                <span className="headerTwo">{item.name}</span>
                <small>€{item.totalPrice}</small>
              </Link>
            ))}
          </div>
  );
};

[