React 组件中如何修改传来的布尔值参数

React 中不能直接改变传递给组件的 props，因为 props 是只读的。如果需要改变 props 中的布尔值，可以在组件内部创建一个状态变量，然后将 props 中的布尔值作为初始值传递给状态变量，之后再在组件内部改变状态变量的值。

例如，下面的代码演示了如何通过创建状态变量来改变传递给组件的布尔值：

import React, { useState } from 'react';

function MyComponent(props) {
  const [myBool, setMyBool] = useState(props.myBool);

  function handleClick() {
    setMyBool(!myBool);
  }

  return (
    <div>
      <p>{myBool.toString()}</p>
      <button onClick={handleClick}>Toggle bool value</button>
    </div>
  );
}

export default MyComponent;

在这个例子中，我们使用 useState hook 创建了一个名为 myBool 的状态变量，并将 props.myBool 的值作为初始值。然后我们使用一个按钮来触发 handleClick 函数，该函数会使用 setMyBool 函数来改变 myBool 的值。最后，我们将 myBool 的值渲染到页面上。这样就可以通过改变状态变量来改变传递给组件的布尔值。