在反应组件类中隐藏或显示元素答案

【问题标题】：Hide or display element in react components class在反应组件类中隐藏或显示元素
【发布时间】：2021-05-07 01:18:27
【问题描述】：

一个简单的问题，但我没有找到解决方案： ** 为什么在控制台日志中打印未定义？**

class Kabala extends Component {

state = {
name: '',
receiptId: 0,
price1: 0,
price2: 0,
name1: '',
receiptId1: 0,
price11: 0,
price21: 0,
session: false
}
     render() {
     const { session } = this.state.session;
     return (
         <button className="btn btn-info mt-4" onClick={() => this.setState({ session: !session }</button>
         { session ? <div>
           <input type="text" placeholder="Name1" name="name1" onChange={this.handleChange}/>
         </div> :console.log(session)}

【问题讨论】：

好的，我刚刚删除了与 Session 的关联

标签： javascript reactjs class components

【解决方案1】：

你应该得到这样的会话状态：

class Kabala extends Component {
    state = {
    name: '',
    receiptId: 0,
    price1: 0,
    price2: 0,
    name1: '',
    receiptId1: 0,
    price11: 0,
    price21: 0,
    session: false
    }
         render() {
         const { session } = this.state;
         return (
             <button className="btn btn-info mt-4" onClick={() => this.setState({ session: !session }</button>
             { session ? <div>
               <input type="text" placeholder="Name1" name="name1" onChange={this.handleChange}/>
             </div> :console.log(session)}

【讨论】：