Automatyczna zmiana captcha na wejściu - reactjs, captcha, antd

Pracuję nad formularzem z captcha używając reactjs i antdesign, Moim problemem jest wpisanie w innych polach kodu captcha.

Mam nadzieję, że mnie rozumiesz..

Dzięki

codesandbox

<FormItem>
<Input
prefix={<Icon type="key" style={{ color: "rgba(0,0,0,.25)" }} />}
type="captcha"
placeholder="captcha"
addonAfter={<Captcha />}
/>
</FormItem>

Odpowiedzi:

W ReactJS: re-rendering może być disabled przez shouldComponentUpdate(), przez returning false.

Poniżej znajduje się praktyczny przykład.

Widzieć ten widelec twojego CodeSandbox na rozwiązanie robocze.

// Captcha.
class Captcha extends Component {

// Render.
render = () => (
<div className="Captcha">
<NumberList />
</div>
)

// Should Component Update.
shouldComponentUpdate = () => false

}