小编Use*_*ame的帖子

如何在reactjs中访问悬停状态?

我有很多篮球队的副手.因此,当其中一个团队正在盘旋时,我想为每个团队展示不同的东西.此外,我正在使用Reactjs,所以如果我可以有一个变量,我可以传递给另一个很棒的组件.

hover reactjs

81
推荐指数
3
解决办法
7万
查看次数

为什么onClick会在组件渲染时触发,而不是在单击时触发?

我有这个按钮console.log作为测试,每当我刷新页面而不是单击导航按钮时它都会被触发.如果您需要更多,请告诉我您是否可以看到此代码的问题.

import React from 'react';
import SideNav from "react-sidenav";
var TeamActions = require('../actions/TeamActions');

export default class Nav extends React.Component {
  pushName(name) {
    TeamActions.setTeamName(name);
  }

  render() {
    return(
      <SideNav.Menu
        path="#"
        itemHeight="32px"
        styles={{margin: "0"}}
      >
        <SideNav.MenuItem
          itemKey="truck"
        >
        //this is where I'm using onClick
          <SideNav.ILeftItem
            className="fa fa-truck"
            onClick={console.log("hello")}
          >
              Boston Celtics
          </SideNav.ILeftItem>
        </SideNav.MenuItem>
Run Code Online (Sandbox Code Playgroud)

reactjs react-jsx

5
推荐指数
1
解决办法
3282
查看次数

标签 统计

reactjs ×2

hover ×1

react-jsx ×1