React条件判断

代码

'use strict';
import 'semantic-ui/semantic.min.css!';
import React from 'react';
import ReactDOM from 'react-dom'

class Hello extends React.Component {
    constructor() {
        super();
    }
    handleA(n) {
        switch(n) {
            case 1:
                return "真";
            case 0:
                return "假";
            default:
                return n;
        }
    }
    handleB(n) {
        if(n>20) {
            return "成年女";
        }
        else {
            return "未成年";
        }
    }

    render() {
        var json = {
            state:0,
            age:20
        }
        return (
            <div>
                <p>{this.handleA(json.state)}</p>
                <p>{this.handleB(json.age)}</p>
            </div>
        )
    }
}

ReactDOM.render(<Hello />, document.getElementById('app'));