reactjsの別のコンポーネントでonClickメソッドを使用してコンポーネントに自動スクロール

Question

私は以下のように多くのインポートされたコンポーネントで構成されている主要コンポーネントを持っています。

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

私のonClickは、AURO SignUpコンポーネントにスクロールする必要があり、部品UpperBodyにし、クリックです。これを行う方法 ？

私のUpperBodyコンポーネントには、onClickメソッドがあります。

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メソッド（アラート）は機能しますか？