react useState (prevState) => !prevState

回答: 在React中，useState是一个钩子函数，用于在函数组件中添加状态。它接受一个初始状态作为参数，并返回一个包含当前状态值和更新状态值的数组。在使用useState时，可以通过传递一个函数作为参数来更新状态值。这个函数接收一个prevState参数，表示之前的状态值。在这个函数中，可以根据prevState来计算新的状态值。对于给定的问题，可以使用prevState来实现切换状态的功能。代码如下所示：

import React, { useState } from 'react';

function Bulbs() {
  const \[on, setOn\] = useState(false);

  const toggleOn = () => {
    setOn(prevState => !prevState);
  };

  return (
    <div className={on ? "bulb-on" : "bulb-off"} onClick={toggleOn} />
  );
}

在上面的代码中，我们定义了一个toggleOn函数，它使用setOn函数来更新状态值。在setOn函数中，我们使用了一个箭头函数，并传递了prevState作为参数。箭头函数的逻辑是将prevState取反，从而实现了切换状态的功能。最后，我们根据状态值来渲染不同的样式，当状态值为true时，显示"bulb-on"样式，否则显示"bulb-off"样式。
#### 引用[.reference_title]
- *1* *2* *3* [React useState() 使用指南](https://blog.csdn.net/wdquan19851029/article/details/119378881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]