关于react的问题

这是一个按钮

<button value={JSON.stringify(blog)} onClick={addLike}>
                  按钮
                button>

这是它的事件处理程序

const addLike =  (event) => { 
      const blog = JSON.parse(event.target.value)
      …… 
}

想问为什么必须要对blog先调用JSON.stringify再JSON.parse才能访问它的值，否则就是undefined。
按钮和事件处理程序在同一个组件里。
或许应该有更正宗？的方法
我遇到这个问题之后首先就试了这种方法，解决了，但不知道为什么

谢谢！

onClick={() => addLike(blog)}