Embedding Expressions

buka file counter.jsx, dan masukkan code seperti di bawah :

import React, { Component }  from 'react';

class Counter extends Component {
    state = {
        count: 0
    };

    render() {
        return(
            <div>
                <span>{this.formatCount()}</span>
                <button>Increment</button>
            </div>
        ) 
    }

    formatCount() {
        const { count } = this.state;
        return count === 0 ? <h1>Zero</h1> : count;
    }
}

export default Counter

Last updated

Was this helpful?