代码之家 › 专栏 › 技术社区 › KT-mongo

如何使用react中的onclick事件更改属性值

reactjs

KT-mongo · 技术社区 · 7 年前

假设以下组件:

class App extends Component {
  constructor(props){
    super(props);
  }

  func1 = () => {
  ....
    }

  func2 = () => {
  ...
    }

  render() {
    return (
       <div>
          <Component
            activity={this.func1}
           />
      </div>
    );
  }
}

如何从组件函数内部实现onclick事件,以便在主应用程序中得到以下结果:

 <div>
   <Component
     activity={this.func2}
   />
 </div>

1 回复 | 直到 7 年前

Dhaval Chheda 7 年前

正常流量如下

class App extends Component {
  constructor(props){
    super(props);
  }

  func1 = () => {
  ....
    }

  func2 = () => {
  ...
    }

  render() {
    return (
       <div>
          <Component
            activity={this.func1}
           />
      </div>
    );
  }
}


<div>
   <Component
     activity={this.props.activity(arguments)}
   />
 </div>

这样做将使活动属性调用父组件中定义的func1。

注意:理想情况下,您应该调用一个函数作为事件的属性,而不仅仅是普通属性

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前