function ejercicio4A(element) {
  const state = {
    artists,
    currentIndex: 0
  };

  function handlePrev() {
    state.currentIndex--;
    render();
  }

  function handleNext() {
    state.currentIndex++;
    render();
  }

  function render() {
    ReactDOM.render(
      <div>
        <h2>Con re-render</h2>
        <ArtistNavigator
          currentArtist={state.artists[state.currentIndex]}
          hasPrev={state.currentIndex > 0}
          hasNext={state.currentIndex < state.artists.length - 1}
          onPrev={handlePrev}
          onNext={handleNext}
        />
      </div>,
      element
    );
  }

  render();
}
// El siguiente export fue agregado para poder correr este ejercicio dentro del proyecto general.
El siguiente export fue agregado para poder correr este ejercicio dentro del proyecto general.
El siguiente export fue agregado para poder correr este ejercicio dentro del proyecto general .
function ejercicio4A(element) {
  const state = {
    artists,
    currentIndex: 0
  };
  function handlePrev() {
    state.currentIndex--;
    render();
  }
  function handleNext() {
    state.currentIndex++;
    render();
  }
  function render() {
    ReactDOM.render(
      <div>
        <h2>Con re-render</h2>
        <ArtistNavigator
          currentArtist={state.artists[state.currentIndex]}
          hasPrev={state.currentIndex > 0}
          hasNext={state.currentIndex < state.artists.length - 1}
          onPrev={handlePrev}
          onNext={handleNext}
        />
      </div>,
      element
    );
  }
  render();
}
function ejercicio4A ( element ) { const state = { artists , currentIndex : 0 } ; function handlePrev ( ) { state . currentIndex -- ; render ( ) ; } function handleNext ( ) { state . currentIndex ++ ; render ( ) ; } function render ( ) { ReactDOM . render ( < div > < h2 > Con re-render < / h2 > < ArtistNavigator currentArtist = { state . artists [ state . currentIndex ] } hasPrev = { state . currentIndex > 0 } hasNext = { state . currentIndex < state . artists . length - 1 } onPrev = { handlePrev } onNext = { handleNext } / > < / div > , element ) ; } render ( ) ; }
El siguiente export fue agregado para poder correr este ejercicio dentro del proyecto general.
El siguiente export fue agregado para poder correr este ejercicio dentro del proyecto general .