“Force Reerder React” Kod odpowiedzi

Reaguj najlepszy sposób na zaktualizowanie komponentu

this.forceUpdate();
Colorful Capuchin

zmusić komponent do ponownego powtórzenia

import React, { useState } from 'react';

//create your forceUpdate hook
function useForceUpdate(){
    const [value, setValue] = useState(0); // integer state
    return () => setValue(value => value + 1); // update the state to force render
}

function MyComponent() {
    // call your hook here
    const forceUpdate = useForceUpdate();
    
    return (
        <div>
            {/*Clicking on the button will force to re-render like force update does */}
            <button onClick={forceUpdate}>
                Click to re-render
            </button>
        </div>
    );
}
Excited Eland

Force Reerder React

const [, forceUpdate] = useReducer(x => x + 1, 0);

  function handleClick() {
    forceUpdate();
  }
Joshua Gao

Odpowiedzi podobne do “Force Reerder React”

Pytania podobne do “Force Reerder React”

Więcej pokrewnych odpowiedzi na “Force Reerder React” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu