Skip to main content
removeu 4 caracteres do conteúdo
Fonte Link

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 == estados[4]4){
            const button = (  
                <button>Conitinuar</button>      
            )
               
            ReactDOM.render(button, document.getElementById('button'))
        }

        else if(estados.length == estados[6]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>
    )
}

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 == estados[4]){
            const button = (  
                <button>Conitinuar</button>      
            )
               
            ReactDOM.render(button, document.getElementById('button'))
        }

        else if(estados == estados[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>
    )
}

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>
    )
}

adicionou 2 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Como eu posso criar esses buttons dentro da minha quando<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 == estados[4]){
            const button = (  
                <button>Conitinuar</button>      
            )
               
            ReactDOM.render(button, document.getElementById('button'))
        }

        else if(estados == estados[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>
    )
}

Como eu posso criar esses buttons dentro da minha 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 == estados[4]){
            const button = (  
                <button>Conitinuar</button>      
            )
               
            ReactDOM.render(button, document.getElementById('button'))
        }

        else if(estados == estados[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>
    )
}

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 == estados[4]){
            const button = (  
                <button>Conitinuar</button>      
            )
               
            ReactDOM.render(button, document.getElementById('button'))
        }

        else if(estados == estados[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>
    )
}

Fonte Link

Como utilizar o ReactDOM para criar buttons através de condições

Como eu posso criar esses buttons dentro da minha 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 == estados[4]){
            const button = (  
                <button>Conitinuar</button>      
            )
               
            ReactDOM.render(button, document.getElementById('button'))
        }

        else if(estados == estados[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>
    )
}