Javascript onClick不调用该函数

我想在onclick事件调用函数时更改div，但它不起作用。我希望，当我点击按钮时，它调用函数botaoContinuar（）。函数botaoContinuar（）应该调用另一个函数（finalizarOuNao（））。函数finalizarOuNao（）应该显示/调用函数-continuar（）。所有这些作业都用于显示函数continuar（）中的div。但它不起作用，有人愿意帮我吗？谢谢

import React from 'react';
import logo from './logo.svg';
import './App.css';
import PropTypes from 'prop-types';
import styled from "styled-components";


function finalizarOuNao (props) {
  if (props.finalizarET1) {
    return (<continuar/>)
  }
}

function continuar (props) {
  return (
    <div>
      <p> Por que você não terminou um curso de graduação?</p>
         <input type="text"/>
         <p> Você fez algum curso complementar? </p>
      <select>
        <option>Curso Técnico</option>
        <option>Curso de Inglês</option>
        <option>Não fiz curso complementar</option>
      </select>
      <button>Finalizar</button>
  </div>
  )
}

function finalizar (props) {
  return (
    <div>
      <h1>O FORMULÁRIO ACABOU</h1>
      <h2>Muito obrigado por particiupar! Entraremos em contato!</h2>
    </div>
  )

}

class App extends React.Component{
    constructor(props){
        super(props);
        this.state = {
         escolhasDeEscolaridade : "Ensino Médio Completo",    
         finalizarET1 :false,       
    }
  }

    escolhasDeEscolaridade= (event) => {
      this.setState({ escolhasDeEscolaridade: event.target.value });
      console.log ("oi,testando")
    }

    botaoContinuar = () => {
      function continuar() {
        return (
          <div>
            <p> Por que você não terminou um curso de graduação?</p>
               <input type="text"/>
               <p> Você fez algum curso complementar? </p>
            <select>
              <option>Curso Técnico</option>
              <option>Curso de Inglês</option>
              <option>Não fiz curso complementar</option>
            </select>
            <button>Finalizar</button>
        </div>
        )
      } 
      console.log ("me chamaram")
    }

    botaoFinalizar = ()=> {
    this.setState({finalizarET1 : !this.stste.finalizarET1})
    }

    render() {
      let escolha;     
      return (

        <div>
          <div>
            <p> Qual seu nome?</p>
            <input type="text"/>
            <p> Qual sua idade?</p>
            <input type="text"/>
            <p> Qual seu email?</p>
            <input type="text"/>
            <p> Qual sua escolaridade?</p>
            <select value={this.state.value} onChange={this.escolhasDeEscolaridade}>
              <option id=" EMC" value="Ensino Médio Completo">Ensino Médio Completo</option>
              <option id=" EMI" value="Ensino Médio Incompleto">Ensino Médio Incompleto</option>
              <option id=" ESC" value="Ensino Superior Completo">Ensino Superio Completo</option>
              <option id=" ESI" value="Ensino Superior Incompleto">Ensino Superior Incompleto</option>
            </select>
            <botaoContinuar finalizarET1={this.state.finalizarET1} />
            <button onClick = {this.botaoContinuar} >continuar</button>
          </div>
        {escolha}
        </div>
      );
    }


}
    //<finalizarOuNao finalizarET1={this.state.finalizarET1} />

export default App;

从“React”导入React；
从“/logo.svg”导入徽标；
导入“/App.css”；
从“道具类型”导入道具类型；
从“样式化组件”导入样式化；
奥纳奥（道具）的功能{
如果（道具1）{
返回（）
}
}
功能连续（道具）{
返回(
你是说你的毕业典礼结束了吗

你是说什么

卡索特尼科酒店
英格尔之歌
Não fiz curso complementar
终结器
)
}
功能终结器（道具）{
返回(
O FORMULÁRIO ACABOU
我要参加比赛！请继续！
)
}
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
escolhasDeEscolaridade：“Ensino Médio Completo”，
最后确定ARET1：错误，
}
}
escolhasDeEscolaridade=（事件）=>{
this.setState（{escolhasDeEscolaridade:event.target.value}）；
console.log（“oi，testando”）
}
botaoContinuar=（）=>{
函数连续体（）{
返回(
你是说你的毕业典礼结束了吗

你是说什么

卡索特尼科酒店
英格尔之歌
Não fiz curso complementar
终结器
)
} 
console.log（“me chamaram”）
}
botaoFinalizar=（）=>{
this.setState（{finalizarET1:！this.stste.finalizarET1}）
}
render（）{
让埃斯科拉；
返回(
夸尔修诺姆

苏亚伊达德码头

Qual seu电子邮件

你想喝点什么

恩西诺梅迪奥综合酒店
Ensino Médio Incompleto
恩西诺高级综合酒店
恩西诺上不完全
连续的
{escolha}
);
}
}
//
导出默认应用程序；

您在函数中有函数，但没有调用该函数

botaoContinuar = () => {
      function continuar() {

如您所述，您可以这样称呼：

botaoContinuar = () => {
  function continuar() {
  }
  this.finalizarOuNao()
  continuar()
}

---

请检查下面的示例代码。请应用于您的系统

类TodoApp扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
输入：“”
}
this.handleclick=this.handleclick.bind（this）；
this.handleClick2=this.handleClick2.bind（this）；
this.handleChange=this.handleChange.bind（this）；
}
handleclick（e）{
console.log（'按钮值：'，e）
};
手变（e）{
this.setState（{input:e.target.value}）；
};
handleClick2（）{
log（“测试框值：”，this.state.input）；
};
render（）{
返回(
{this.handleclick（“abc”）}}value=“Button”/>


或


{this.handleChange（e）}}/>
{this.handleClick2（）}}
/>
)
}
}
ReactDOM.render（，document.getElementById（'root'））
能否将示例中的代码减少一点，以便只查看相关代码更简单？有关我的意思的更多信息，请参见（&D）：）