Server IP : 184.154.167.98 / Your IP : 3.137.218.96 Web Server : Apache System : Linux pink.dnsnetservice.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 User : puertode ( 1767) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/puertode/public_html/fotografico/apps/logreader/js/Components/ |
Upload File : |
import {Component} from 'react'; import style from './ToggleEntry.css'; export class ToggleEntry extends Component { static idCounter = 0; _id = null; state = { active: false }; constructor (props) { super(); this.state.active = props.active || false; } getCheckBoxId = ()=> { if (!this._id) { this._id = this.props.id || '__checkbox_' + (++ToggleEntry.idCounter); } return this._id; }; onClick = (e) => { e.preventDefault(); let active = !this.state.active; this.setState({active}); if (this.props.onChange) { this.props.onChange(active); } }; componentWillReceiveProps = (props) => { if(props.active != this.state.active) { this.setState({active: props.active}); } }; render () { return ( <li className={style.toggleEntry}> <a className={style['checkbox-holder']} onClick={this.onClick}> <input id={this.getCheckBoxId()} type="checkbox" checked={this.state.active} className="checkbox" readOnly/> <label htmlFor={this.getCheckBoxId()}>{this.props.children}</label> </a> </li> ); } }