🎃 Spookyberb 🎃 – 12-59 Nov 3

S⛄Snowberb⛄

11/3/2022

Having a function at the parent level, is it possible to pass from the child a value parameter to the function while also passing another parameter from the parent? I want to pass a limit param from the parent, and a value param from the child

const isValid = (value, limit = 25) => value.length <= limit;

<ControlledInput validationFunction={isValid} />
const ControlledInput = ({ control, name, label, validationFunction }) => (
  <Controller
  ...
        onValueChange={(val) => {
          if (validationFunction(val)) {
            onChange(val);
          }
        }}
  ...
  />
);

const isValid = (value, limit = 25) => value.length <= limit;

<ControlledInput validationFunction={isValid} />
const ControlledInput = ({ control, name, label, validationFunction }) => (
  <Controller
  ...
        onValueChange={(val) => {
          if (validationFunction(val)) {
            onChange(val);
          }
        }}
  ...
  />
);

LLouis

11/3/2022

Yeah, you can change <ControlledInput validationFunction={isValid} /> to

<ControlledInput validationFunction={(value) => isValid(value, limit)} />

<ControlledInput validationFunction={(value) => isValid(value, limit)} />

Assuming limit is available in scope from the parent there meowthumbsup

S⛄Snowberb⛄

11/3/2022

damn how does that work? oooo okay thank you!

LLouis

11/3/2022

It’s just a callback function so you can receive the value from the child and call isValid with it and whatever is in scope in the parent No worries meowthumbsup

UUUnknown User

11/4/2022

Message Not Public

Looking for more? Join the community!

Reactiflux

🎃 Spookyberb 🎃 – 12-59 Nov 3

Join Server

Reactiflux

🎃 Spookyberb 🎃 – 12-59 Nov 3

Join Server

Want results from more Discord servers?

Add your server

Recommended Posts

✅ – ✅ – ✅ – Ygg – 21-49 Oct 31Hello everyone I'm making a Pokedex using PokeAPI I'm trying to add `addEventListener('click', ...)✅ – kairu – 16-47 Oct 31is there a better way to do ```js JSON.parse(JSON.stringify(localStorage.getItem('user')))``` ?Axel (Rinkusu) – 15-49 Oct 31Hi, I get minus zeros when doing modulos operations with values from an object. Any idea please ? ``✅ – Axel (Rinkusu) – 08-39 Oct 31Hi, how can I check if a value is one of the "newPosition" please ? ```js eating: [ {newPosition:✅ – Axel (Rinkusu) – 20-53 Oct 30Hi, can someone explains me how is it possible that every color is set to 'blue' after this please ?✅ – Cansu – 11-43 Oct 30Rendering array of elements?✅ – Cansu – 10-12 Oct 30Cannot use JSX unless the '--jsx' flag is provided.✅ – Alex. – 10-04 Oct 30Hi i have this code : ```js fetch("./Data/normal.txt") .then((r) => r.text()) .then((text) =