如何在反应中为我的输入添加条件？

Question

Take a look at this example.

export const Foo = () => {
  const [state, setState] = useState(0)
  return (
    <div>
      <input type="button" value="" {state === 0 ? disabled : ""}/>
    </div>
  )
}

I'm trying to make the button disabled if state is equal to 0 and if not then the button will not be disabled. I don't know what is wrong and why it gives me this error: '...' expected

Answer 1

react thinks you are trying to pass props. try this:

disabled={state} when state is true/false instead of 0/1

or

disabled={state === 0}

Answer 2

Can you try:

 <input type="button" value="" disabled = {(state)? "disabled" : "" }/>

You must set "disabled" like if was a prop.

Answer 3

React is expecting props that's why it is giving '...' expected .

what you can do is disable the button when the state is 0 . codesandbox

<input type="button" value="insert number" disabled={state === 0} />