“casilla de verificación ReactJS” Código de respuesta

casilla de verificación ReactJS

function Checkbox() {
  const [checked, setChecked] = React.useState(true);

  return (
    <label>
      <input type="checkbox"
        defaultChecked={checked}
        onChange={() => setChecked(!checked)}
      />
      Check Me!
    </label>
  );
}

ReactDOM.render(
  <Checkbox />,
  document.getElementById('checkbox'),
);
S3NS4

Cambiar el valor en la casilla de verificación por reacción del botón

<input type="checkbox" checked={this.state.chkbox} onChange={this.handleChangeChk} />
Cheerful Constrictor

casilla de verificación reaccionar

class Checkbox extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isChecked: true,
    };
  }
  toggleChange = () => {
    this.setState({
      isChecked: !this.state.isChecked,
    });
  }
  render() {
    return (
      <label>
        <input type="checkbox"
          defaultChecked={this.state.isChecked}
          onChange={this.toggleChange}
        />
        Check Me!
      </label>
    );
  }
}

ReactDOM.render(
  <Checkbox />,
  document.getElementById('checkbox'),
);
Talented Toucan

Respuestas similares a “casilla de verificación ReactJS”

Preguntas similares a “casilla de verificación ReactJS”

Más respuestas relacionadas con “casilla de verificación ReactJS” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código