Вопрос по передаче значения переменной в функцию (react js)

Question

Вопрос по передаче значения переменной в функцию (react js)

☀︎Питруха☀︎ Мастер (1775), на голосовании 3 месяца назад

     switch(e['Тип']){ 
     case 'Шины': 
       for (let i = 0; i < Object.keys(e).length-1; i++) { 
        comp.push(); 
        // console.log("дошли до вывода", rt); 
        } 
      ReactDOM.render(comp, document.getElementById('string__shiny')); 
      break;

В этом коде несколько раз отрисовывается компонент StringShiny с данными которые берутся из переменной e
Можно ли передать в функцию editgood значение переменной e[i] ?
помогите! ))

Answer 1

Конечно можно! Ты практически у цели! Просто добавь e[i] как аргумент в функцию editgood внутри onClick обработчика в компоненте StringShiny.

Представь, что твой StringShiny выглядит как-то так:

   
 
function StringShiny(props) {  
 
  return (  
 
     props.clickred(props.cn)}>   
 
      {/* ... остальной твой код для отображения шины ... */}  
 
    
  
 
  );  
 
}

Сейчас ты передаешь в clickred (то есть editgood) значение props.cn , которое является e[i].

? Вуаля! Ты уже передаешь e[i] в функцию editgood! ?

А теперь, давай сделаем это ещё веселее и понятнее, как будто объясняем это коту:

"Смотри, котик, у нас есть вкусняшки e[i]! Мы хотим дать их функции editgood, чтобы она поиграла с ними. Мы кладем вкусняшку в коробочку props.cn и даем её компоненту StringShiny. Когда кто-то нажимает на StringShiny, он зовёт функцию clickred (она же editgood) и даёт ей коробочку с вкусняшкой! Мяу!"

Ещё пару советов
Называй переменные понятно! Вместо e, cn, используй shinyData, currentShiny — так будет легче понять, что происходит.

Используй console.log! Добавь console.log(e[i]) внутрь функции editgood чтобы убедиться, что ты получаешь нужные данные.

Удачи в твоих реакт-приключениях! ?

Answer 2

https://translated.turbopages.org/proxy_u/en-ru.ru.90476ef5-66c597ec-61d0cb72-74722d776562/https/stackoverflow.com/questions/55083296/how-to-pass-variables-to-a-function-in-react вот посмотрите

Answer 3

так пробуй, как стрелочную функцию

clickred={() => editgood(e[i])}