How to use the react-use.useGetSet function in react-use
To help you get started, we’ve selected a few react-use examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pingcap / tidb-dashboard / ui / lib / apps / KeyViz / components / KeyViz.tsx View on Github 
const KeyViz = () => {
const [chartState, setChartState] = useState()
const [getSelection, setSelection] = useGetSet(null)
const [isLoading, setLoading] = useState(true)
const [getAutoRefreshSeconds, setAutoRefreshSeconds] = useGetSet(0)
const [getRemainingRefreshSeconds, setRemainingRefreshSeconds] = useGetSet(0)
const [getOnBrush, setOnBrush] = useGetSet(false)
const [getDateRange, setDateRange] = useGetSet(3600 * 6)
const [getBrightLevel, setBrightLevel] = useGetSet(1)
const [getMetricType, setMetricType] = useGetSet('written_bytes')
const [config, setConfig] = useState(null)
const {
state: shouldShowSettings,
setTrue: openSettings,
setFalse: closeSettings,
} = useBoolean(false)
const { t } = useTranslation()
const enabled = config?.auto_collection_enabled === true
const updateServiceStatus = useCallback(async function () {
setLoading(true)
try {
const resp = await client.getInstance().keyvisualConfigGet()
const config = resp.data
const enabled = config?.auto_collection_enabled === trueconst KeyViz = () => {
const [chartState, setChartState] = useState()
const [getSelection, setSelection] = useGetSet(null)
const [isLoading, setLoading] = useState(true)
const [getAutoRefreshSeconds, setAutoRefreshSeconds] = useGetSet(0)
const [getRemainingRefreshSeconds, setRemainingRefreshSeconds] = useGetSet(0)
const [getOnBrush, setOnBrush] = useGetSet(false)
const [getDateRange, setDateRange] = useGetSet(3600 * 6)
const [getBrightLevel, setBrightLevel] = useGetSet(1)
const [getMetricType, setMetricType] = useGetSet('written_bytes')
const [config, setConfig] = useState(null)
const {
state: shouldShowSettings,
setTrue: openSettings,
setFalse: closeSettings,
} = useBoolean(false)
const { t } = useTranslation()
const enabled = config?.auto_collection_enabled === true
const updateServiceStatus = useCallback(async function () {const KeyViz = () => {
const [chartState, setChartState] = useState()
const [getSelection, setSelection] = useGetSet(null)
const [isLoading, setLoading] = useState(true)
const [getAutoRefreshSeconds, setAutoRefreshSeconds] = useGetSet(0)
const [getRemainingRefreshSeconds, setRemainingRefreshSeconds] = useGetSet(0)
const [getOnBrush, setOnBrush] = useGetSet(false)
const [getDateRange, setDateRange] = useGetSet(3600 * 6)
const [getBrightLevel, setBrightLevel] = useGetSet(1)
const [getMetricType, setMetricType] = useGetSet('written_bytes')
const [config, setConfig] = useState(null)
const {
state: shouldShowSettings,
setTrue: openSettings,
setFalse: closeSettings,
} = useBoolean(false)
const { t } = useTranslation()
const enabled = config?.auto_collection_enabled === true
const updateServiceStatus = useCallback(async function () {
setLoading(true)
try {const KeyViz = () => {
const [chartState, setChartState] = useState()
const [getSelection, setSelection] = useGetSet(null)
const [isLoading, setLoading] = useState(true)
const [getAutoRefreshSeconds, setAutoRefreshSeconds] = useGetSet(0)
const [getRemainingRefreshSeconds, setRemainingRefreshSeconds] = useGetSet(0)
const [getOnBrush, setOnBrush] = useGetSet(false)
const [getDateRange, setDateRange] = useGetSet(3600 * 6)
const [getBrightLevel, setBrightLevel] = useGetSet(1)
const [getMetricType, setMetricType] = useGetSet('written_bytes')
const [config, setConfig] = useState(null)
const {
state: shouldShowSettings,
setTrue: openSettings,
setFalse: closeSettings,
} = useBoolean(false)
const { t } = useTranslation()
const enabled = config?.auto_collection_enabled === true
const updateServiceStatus = useCallback(async function () {
setLoading(true)
try {
const resp = await client.getInstance().keyvisualConfigGet()const KeyViz = () => {
const [chartState, setChartState] = useState()
const [getSelection, setSelection] = useGetSet(null)
const [isLoading, setLoading] = useState(true)
const [getAutoRefreshSeconds, setAutoRefreshSeconds] = useGetSet(0)
const [getRemainingRefreshSeconds, setRemainingRefreshSeconds] = useGetSet(0)
const [getOnBrush, setOnBrush] = useGetSet(false)
const [getDateRange, setDateRange] = useGetSet(3600 * 6)
const [getBrightLevel, setBrightLevel] = useGetSet(1)
const [getMetricType, setMetricType] = useGetSet('written_bytes')
const [config, setConfig] = useState(null)
const {
state: shouldShowSettings,
setTrue: openSettings,
setFalse: closeSettings,
} = useBoolean(false)
const { t } = useTranslation()
const enabled = config?.auto_collection_enabled === true
const updateServiceStatus = useCallback(async function () {
setLoading(true)
try {
const resp = await client.getInstance().keyvisualConfigGet()
const config = resp.dataconst KeyViz = () => {
const [chartState, setChartState] = useState()
const [getSelection, setSelection] = useGetSet(null)
const [isLoading, setLoading] = useState(true)
const [getAutoRefreshSeconds, setAutoRefreshSeconds] = useGetSet(0)
const [getRemainingRefreshSeconds, setRemainingRefreshSeconds] = useGetSet(0)
const [getOnBrush, setOnBrush] = useGetSet(false)
const [getDateRange, setDateRange] = useGetSet(3600 * 6)
const [getBrightLevel, setBrightLevel] = useGetSet(1)
const [getMetricType, setMetricType] = useGetSet('written_bytes')
const [config, setConfig] = useState(null)
const {
state: shouldShowSettings,
setTrue: openSettings,
setFalse: closeSettings,
} = useBoolean(false)
const { t } = useTranslation()
const enabled = config?.auto_collection_enabled === true
Popular react-use functions
- react-use.useAsync
- react-use.useClickAway
- react-use.useDebounce
- react-use.useEvent
- react-use.useGetSet
- react-use.useIntersection
- react-use.useKey
- react-use.useLocation
- react-use.useLockBodyScroll
- react-use.useMedia
- react-use.useSetState
- react-use.useTitle
- react-use.useToggle
- react-use/lib/useAsync
- react-use/lib/useClickAway
- react-use/lib/useEvent
- react-use/lib/useMouse
- react-use/lib/usePrevious
- react-use/lib/useToggle
- react-use/lib/useWindowSize