子功能组件不；t在父状态更改时重新呈现

我希望在传递给它的状态更新时重新渲染模态组件，但该组件从不重新渲染。但是，我可以看到父级中的状态正在更改。

每当屏幕上的一张卡被“刷”时，状态就会改变，但每当打开模式时，它只显示堆栈中第一张卡的数据。

这是我的代码：

父组件

const Home = props => {
  const [item, setItem] = useState(null);

...

  {item && (
          <CardViewDetails
            modalVisible={modalDetailsVisible}
            setModal={setModalDetailsVisible}
            details={item}
          />
   )}

子组件

const CardViewDetails = ({modalVisible, setModal, details}) => {
  return (
    <Modal
      visible={modalVisible}
      onClose={() => setModal(false)}
      animationType="bounceInUp"
      animationOutType="fadeOut"
      closeOnTouchOutside>

...

<Text style={styles.labelHeader}>Industry</Text>
<Text style={styles.textContent}>{details.industry}</Text>

<Text style={styles.labelHeader}>Employment Type</Text>
<Text style={styles.textContent}>{details.positionType}</Text>
...