@litash

При клике на DIV сделать input radio:checked в этом DIV'E — ReactJS?

Нужно что бы при клике на блок инпут с типом "радио" тоже "чекался", при клике вновь, "чекед" что бы снимался.

export default class Request extends Component {
 constructor() {
  super();
  this.state = {  }
  this.handleClick = this.handleClick.bind(this);
 }
  this.handleClick() {
  
  }
 render() {
  return (
   <div class="block" onClick={ this.handleClick } role="button" tabIndex={ 0 }>
   <input type="radio" name="radio" id="radio" />
   </div>
  );
 }
}
  • Вопрос задан
  • 339 просмотров
Решения вопроса 1
crazy_leo
@crazy_leo
Frontend Developer
export default class Request extends Component {
	constructor() {
  	super();
  	this.state = { 
  		checked: false
  	}
  	this.handleClick = this.handleClick.bind(this);
 	}
  
  this.handleClick() {
  	this.setState({
  		checked: !this.state.checked
  	})
  }
 	
 	render() {
 		const {checked} = this.state

  	return (
   		<div class="block" onClick={ this.handleClick } role="button" tabIndex={ 0 }>
   			<input type="radio" name="radio" id="radio" checked={checked}/>
  	 	</div>
  	);
 	}
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы