如何使用mousOver React

时间:2017-07-08 10:56:19

标签: javascript reactjs dom

我是React的新人,但我在JS方面有一些经验。

我的问题是:

我有一个函数,我把这个函数放到onMouseOver事件到元素

<td> in current situation.

我想获取当前的dom元素,然后获取此元素的索引。

我的代码如下:

&#13;
&#13;
var Cell = function(k) {


		function getIndex(cell){
			console.log(cell)
		}



		return (
			<td key ={k} onMouseOver={function() {getIndex(this)}}>
				<div className="square__cell" ></div>
			</td>
		)
	
}
&#13;
&#13;
&#13;

在js中它的工作原理是这样的。但是现在在React中它返回null。

如果我输入console.log&#34; 1&#34;例如它也有效。所以函数是woks,我只有问题才能获得有关当前元素的信息

请帮助了解如何操作。 感谢。

1 个答案:

答案 0 :(得分:-1)

    <?php include("header.php");
        include("classes/db.php");
        session_start();
        $username="";
        if(isset($_GET['username']))
        {
            $user=$_GET['username'];
            $q = "SELECT user_name FROM user_reg WHERE user_name='$user'";
            $res = mysqli_query($con, q);
            if(mysqli_num_rows($res) > 0)
            {
                while ($row = mysqli_fetch_array($res, $con)) {
                     //Show what you want here..
                }
            }
            else
            {
                echo "User does nto exist";
            }
        }
 ?>