Reactjs TypeError:无法读取属性'；图像'；使用react路由器时未定义的

我正在使用react路由器。我将数据存储在data.js中，如下所示-

export default {
    posts : [{
        _id:'12',
        user_id:'123',
        user: 'user1',
        image:'/images/c1.jpg',
        likes: '24'},{......}]

我已经这样链接了-

以及给定的路线路径-

但是在postScreen.js中，当我-

const clickedPost = data.posts.find(x => x._id === props.match.params.id );
return (
        <div>
            
            
            <img src={clickedPost.image} alt="post" ></img>
            
        </div>

const clickedPost=data.posts.find（x=>x.\u id==props.match.params.id）；
返回(

它给出此错误TypeError:无法读取未定义的属性“image”

也-

当我这样做时-

const clickedPost=data.posts.find（x=>x.。\u id==“12”）；

它起作用了

---

我做错了什么。

如果你

console.log

你的

props.match.params.id

，我打赌你会发现它是

：to

。你会想更改你的

代码，让它实际拥有你想要的id，就像这样：

<Link to={`/post/${someId}`}></Link>