父级状态发生改变后，ReactJS子组件不会更新

const {useState,useEffect} = React;
const SortType = {
UNSORTERED: { icon: 'fas fa-sort',next: 'ASCENDING' },ASCENDING: { icon: 'fas fa-sort-up',next: 'DESCENDING' },DESCENDING: { icon: 'fas fa-sort-down',next: 'UNSORTERED' }
}
const Sorter = ({ trigger,sortOrder }) => {
const [order,setOrder] = useState(SortType.UNSORTERED)
function onSort() {
const nSortOrder = SortType[order.next]
setOrder(nSortOrder)
trigger(nSortOrder)
}
useEffect(() => {
if (sortOrder) {
setOrder(sortOrder)
}
},[sortOrder])
return (


{order.icon}

)
}
ReactDOM.render(
,document.getElementById("react")
);