Вернуть строку по нажатию кнопки в React hooks - PullRequest
Новая
       21

Вернуть строку по нажатию кнопки в React hooks

0 голосов
/ 09 июля 2019

Я пытаюсь напечатать строку после нажатия кнопки внутри React hooks.

Эта кнопка под названием «Подробнее» находится внутри возвращаемого тега созданного мной хука. (JSX) при щелчке по нему вызывается другой компонент функции с именем «ChangeName», который должен напечатать строку.

Я не уверен, что пишу какой-то неправильный синтаксис или что-то упускаю? Console.log внутри функции отображает строку в журнале, но тег div просто не печатает строку на консоли,

создал пользовательский хук, и кнопка находится внутри тега возврата. 

 <button onClick ={ChangeName}>More Info <button>

onclick должен вызвать и распечатать результаты из нижеприведенной функции 

 function ChangeName(){ 
         console.log("This is a test") //works
          return (<div>"This is a test"</div>)
          }

1 Ответ

0 голосов
/ 09 июля 2019

Tt не относится к реагирующему хуку, если вы хотите напечатать строку выше кнопки, вы должны использовать состояние useState из реагирующих хуков 

const SomeComp = () => {
   const [value, setValue] = useState("")
   const changeName = () => {
      setValue("some value changed")
   }
   return (
     <>
     {value.length > 0 && <div>{value}</div>}
     <button onClick={changeName}>Change Name</button>
     </>
   )
}
...