如何摆脱“警告：列表中的每个孩子都应该有一个独特的“关键”道具。”

Question

如何从下面的代码中消除该警告？

起初，我有key = {linkList [index]}，但这也给了我一个单独的警告。向其添加+10可以解决第一个警告，但我似乎无法找出另一个警告。

   const linkList = [
        <Link style={linkStyle} to={{
            pathname: `${props.ideaslink}`,
            state: {
                savemessage1: props.saveMessage1,
                savemessage2: props.saveMessage2,
            }
        }} >Ideas</Link>,
        <Link style={linkStyle} onClick={() => props.showContact(true)} >Contact</Link>,
        <Link style={linkStyle} onClick={() => props.showInfo(true)} >How it Works</Link>]

{trail.map(({ x, height, ...rest }, index) => (
 <animated.div
   key={linkList[index + 10]}
   className="trails-text"
   style={{ ...rest, transform: x.interpolate(x => `translate3d(${x}px,0,0)`) }}>
   {linkList[index]}
 </animated.div>