如何使用useState更新组件

Question

我有一个分段的控制库和一个图库，我想从中使用tickFormat组件。我想使用这两个库来创建一个轴更改系统。例如，如果我在分段控件上单击Month，图形应该更新其显示所有月份的轴。有办法做到这一点吗？我想有一种方法可以使用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}
/>
)
}