Resolved: Whenever i try to change the value of this cons variable whole content disappear

By Isaac Tonny on 18/06/2022 Issue

Question:

import React,{useState} from 'react'

export default function Box() {

  const [count,setCount] = useState('hello);
  setCount("welcome")
  return (
    
    <div className="box">
    <textarea name="input" id="input1" cols="30" rows="10" value={count}>

) }

Answer:

You are unconditionally enqueuing the state update. The component is stuck render looping.
Use a useEffect or some other conditional way (i.e. onClick callback, etc) to enqueue the state update.
Example:

export default function Box() {
  const [count, setCount] = useState('hello');

  useEffect(() => {
    setCount("welcome");
  }, []);
  
  return (
    <div className="box">
      <textarea
        name="input"
        id="input1"
        cols="30"
        rows="10"
        value={count}
      />
    
      <button value="up was clickd" id='btn1'>
        Convert toupper case
      </button>
    </div>
  );
}

If you have better answer, please add a comment about this, thank you!

Resolved: Whenever i try to change the value of this cons variable whole content disappear

Resolved: Why doesn’t stringstream consume output during hex formatting?

Resolved: CMake path for python3 libraries doesn’t change (windows 10)

Resolved: GLMM with quasi-Poisson distribution

Leave A Reply