Como eu posso criar esses buttons dentro da minha <div className="box-statusA">
quando chegar nos indices dos status escolhido
import React, {useState} from 'react';
import ReactDOM from 'react-dom';
import {useHistory} from 'react-router-dom';
import './style.css'
export default function StatusA(props){
let estados = ['Geração Iniciada', 'Geração Finalizada', 'Registro Inciado', 'Registro Finalizado']
function Button(){
if(estados.length == 4){
const button = (
<button>Conitinuar</button>
)
ReactDOM.render(button, document.getElementById('button'))
}
else if(estados.length == 6){
const buttons = (
<div>
<button>Continuar</button>
<button>Reiniciar</button>
</div>
)
ReactDOM.render(
buttons,
document.getElementsByClassName('buttons')
)
}
}
Button()
return(
<div className="container">
<div className="box-statusA">
<div className="spinner">
</div>
<div id="button">
</div>
</div>
</div>
)
}
{buttons}
no local que faz sentido dentro da estrutura HTMLestados == estados[4]
não faz sentido... estás a comparar uma arrya inteira com a posição 4 dela própria... podes rever esses nomes?