时间戳

首页 > 解决方案 > 如何使用 useState 更新组件？

typescript - 如何使用 useState 更新组件？

问题描述

我有一个分段控件库和一个图形库，我想从中使用tickFormat组件。我想使用这两个库来创建一个换轴系统。例如，如果我在分段控件上单击“月”，则图表应更新其轴以显示所有月份。有没有办法做到这一点？我在想有一种方法可以useState用来更新tickFormat组件。

标签： typescriptreact-nativereact-hooksuse-statevictory-charts

解决方案

您可以使用“useState”在每次渲染之间创建和保存格式，并调用“useState”的函数来更改状态的值。

如果您将状态赋予 tickFormat，则每次更改状态时组件都会重新呈现。

import React, {useState} from 'react';


function myComponent(props) {

  const [value, setValue] = useState('your default value or function');
  
  // value is the value of your state created by useState
  
  // setValue is the function to call to change your state created by useState. 
  // Example : setValue('the new value of your state')
  
  // the name of 'value' or 'setValue' can be change to anything. They are juste given as example
  
  return (
    <VictoryAxis
      tickFormat={value}
    />
  )

}

推荐阅读