reactjs의 다른 구성 요소에서 onClick 메서드를 사용하여 구성 요소를 자동 스크롤

Question

나는 아래에 주어진 것처럼 많은 가져온 구성 요소로 구성되는 주요 구성 요소가 있습니다.

 <div> 
      <div className="landing_pg_clr"> 
       <UpperBody/> 
       <HowItWorks/> 
       <CommentingDisplay/> 
       <SignUp/> 
      </div> 
     </div> 

내 온 클릭은 AURO SignUp 구성 요소에 스크롤되는 구성 요소 UpperBody과 클릭에 있습니다. 이 작업을 수행하는 방법?

onClick 메서드가있는 My UpperBody 구성 요소.

export const UpperBody = (props) => { 

    function scrollToRegister() { 

     alert("Click method that should start the auto scroll"); 

    } 


    return (

     <div className="landing_contents overflow_hidden"> 

      <div className="landing_upper"> 

       <div style={{marginBottom: '100px'}}> 
        <div className="app_name"></div> 
        <div className="login_btn"></div> 
       </div> 

       <div className="horiz_center2 landing_header"> 
        <span className="display_block extra_large_font"></span> 
        <span className="display_block extra_large_font"> </span> 


        <span className="small_font" onClick={scrollToRegister}>I prefer to use my email</span> 
       </div> 


      </div> 

     </div> 

Answer 1

클릭하면 onclick 메서드 (경고)가 작동합니까?