手上有个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

        });

    }

}

差不多是这样了。