手上有个react的项目遇到一道难题

Question

如题，手头上的一个项目是一个banner,里面分别有左右两个区域，当我hover左边区域时左边的区域变长，右边的区域变短，反之一样。
下面时我的代码：

现在目前只实现了左边的效果，但是右边的效果不知该如何写？
目前主要难点：无法分辨左边和右边执行不一样的大小变化

Answer 1

完全可以根据mouseOver时候获取到的触发元素e.target去判断。补充：handleMouseOver = (e) => {    if (e.target.className == 'left') {        this.setState({            hover: true,            wd:60,            rwd:40        });    } else if (e.target.className == 'right') {        this.setState({            hover: true,            wd:40,            rwd:60        });    }}差不多是这样了。