반응하는 js에서 텍스트 상자를 보이게하고 숨기는 방법

Question

나는 js에 반응한다. 나는 단추 click.Is 거기에 사용할 수있는 기능에 대한 텍스트 상자를 표시하고 숨기려고 노력하고있어. 미리 감사드립니다.

Answer 1

나는 reactjs에 물건을 숨기기위한 사전 정의 된 함수는 없다고 생각합니다. 그러나 showResults : false 또는 true 메서드를 사용할 수 있습니다. 내 프로젝트에 양식을 숨기기 위해 같은 기술을 사용했습니다. 예를 들어,이 바이올린에서 : http://jsfiddle.net/kb3gN/3369/

render: function() { 
    return (
     <div> 
      <input type="submit" value="Search" onClick={this.onClick} /> 
      { this.state.showResults ? <Results /> : null } 
     </div> 
    );