“Caixa de seleção Reactjs” Respostas de código

Caixa de seleção 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

Altere o valor em caixa de seleção por botão reagir

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

Caixa de seleção React

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

Respostas semelhantes a “Caixa de seleção Reactjs”

Perguntas semelhantes a “Caixa de seleção Reactjs”

Mais respostas relacionadas para “Caixa de seleção Reactjs” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código