“Флакторы ReactJS” Ответ

Флакторы 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

Измените значение в флажке на кнопку React

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

Флажок 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

Ответы похожие на “Флакторы ReactJS”

Вопросы похожие на “Флакторы ReactJS”

Больше похожих ответов на “Флакторы ReactJS” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования