Question

我有一个html输入按钮元素。单击它后，我希望它调用函数hideRoutine。

hideRoutine要做的是隐藏div ExerciseType。我假设在调用时，将传递对该元素的引用，该引用可以在函数中引用。

<div className="ExerciseRoutine">
    <input type="button" value="hide" onClick={hideRoutine}/>
    <hr/>
    <div className="ExerciseType">...</div>
    <br/>
</div>

是否有一种方法，使用JQuery或其他方法，允许使用调用该函数的元素进行定位？使用它，我能够得到代表ExerciseType的父div的孩子，并将其隐藏起来。

Answer 1

要隐藏React方式的元素，您需要使用state。

你的onClick处理程序需要设置状态以告诉ExerciseType是否要渲染。

尝试这样的事情：

class Banana extends React.Component {
  constructor(props) {
    super(props);
    
    this.state = {
      showExerciseType: true,
    }
  }

  render() {
    return (
       <div className="ExerciseRoutine">
          <input type="button" value="hide" onClick={() => { this.setState({ showExerciseType: false }); }}/>
          <hr/>
          {this.state.showExerciseType ? <div className="ExerciseType"></div> : null}
          <br/>
      </div>
    )
  }
}

Answer 2

你可以像这样制作jquery

    my.domain.client.model.Wslog wsLog = new Wslog();
    wsLog.setTotrecords(getTotrecords());
    List<my.domain.client.model.Employees> empList = new ArrayList<my.domain.client.model.Employees>();
    for (my.domain.client.model.Employees emp : getEmployees()) {
        my.domain.client.model.Employees emps = new Employees();            
        emps.setID(getEid());
        emps.setEname(getEname());
        emps.setLog(wsLog);
        empList.add(emps);
    }
    wsLog.setEmployees(empList);
    wsLogRepository.save(wsLog);

点击它后如何获取按钮的ID？

2 个答案: