如何使用 useState 来更新组件？

Question

我有一个 segmented control library and a graph library，我想使用其中的 tickFormat 组件。我想使用这两个库来创建一个轴变化系统。例如，如果我在分段控件上单击月份，图表应该更新其显示所有月份的轴。有没有办法做到这一点？我在想有一种方法可以使用 useState 来更新 tickFormat 组件。

Answer 1

您可以使用 '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}
    />
  )

}

如何使用 useState 来更新组件？

How can you use useState to update a component?

typescript

react-native

victory-charts

react-hooks

use-state