React hooks重复渲染问题

React中经常会出现重复渲染的问题，例如：

function Example(){
    const [count,setCount]=useState(0);
    console.log('render')
    useEffect(()=>{
        setCount(1);
        console.log('effect');
    })
    return <div>{count}</div>;
}
function App() {
    return(
        <div className="App">
            <Example/>
                </div>
    );
}

最近看到一片文章讲到这个问题，记录一下：
React hooks重复渲染问题