react hooks之useState

import React , { useState } from 'react';
export const Demo11 = () => {
    let [count, setCount] = useState(() => {
        return new Date().getTime();
    });
    return (
        <div>
            <div>{count}</div>
            <button onClick={() => setCount(x => x+1)}>加</button>
            <button onClick={() => setCount(x => x-1)}>减</button>
        </div>
    );
};
export const Demo1 = () => {
    let [count, setCount] = useState(0);
    let [count1, setCount1] = useState(1);
    return (
        <div>
            <div>{count}</div>
            <button onClick={() => setCount(x => x+1)}>加</button>
            <button onClick={() => setCount(x => x-1)}>减</button>
            <div>{count1}</div>
            <button onClick={() => setCount1(x => x+1)}>加</button>
            <button onClick={() => setCount1(x => x-1)}>减</button>
            <Demo11></Demo11>
        </div>
    )
}

1.useState();设置的是一一对应得，不用多个属性一起放在一个Object中。
2.useState中间可以接受一个function