Question

我想将下面使用的两个功能链接在一起，以改善我们的移动用户的体验。首先应调用updateSelectedValue函数，然后应调用handleAddToCart函数。以下代码适用于台式机用户，不适用于移动用户：

<span
  className="optionValue"
  key={optionValue}
  onClick={this.handleAddToCart}
  onMouseEnter={() => this.props.updateSelectedValue(optionValue)}
>
   {optionValue} 
</span>

Answer 1

您可以在onClick事件中处理这两个功能：

<span
  className="optionValue"
  key={optionValue}
  onClick={() => {
    this.props.updateSelectedValue(optionValue);
    this.handleAddToCart();
  }}
>
  {optionValue}
</span>

Answer 2

您可以在您的类中创建一个新方法并调用这两个函数

version: '3.7'

services:
  node1:
    image: mongo 
    ports:
      - 30001:27017 
    volumes:
      - $HOME/mongoclusterdata/node1:/data/db 
    networks:
      - mongocluster
    command: mongod --replSet comments 
  node2:
    image: mongo
    ports:
      - 30002:27017
    volumes:
      - $HOME/mongoclusterdata/node2:/data/db
    networks:
      - mongocluster
    command: mongod --replSet comments
    depends_on :
      - node1 
  node3:
    image: mongo
    ports:
      - 30003:27017
    volumes:
      - $HOME/mongoclusterdata/node3:/data/db
    networks:
      - mongocluster
    command: mongod --replSet comments
    depends_on :
        - node2 

networks:
  mongocluster:
    driver: bridge

我如何在React中将功能链接在一起

2 个答案: