传递功能的参数反应

Question

在我的应用程序中，我想有条件地呈现一些东西，因此我制作了一个函数getItem，我想在自定义工具提示中调用，const constulpooltooltip。

在下面的代码中看到，我想将有效载荷在const CustomToolTip =（{active，parewolain，label} 中>

我尝试通过{getState（有效载荷，“ a”）}来执行此操作，但是，当我这样做时，我会收到此错误：

键入'有效载荷＆lt; valueType，nametype＆gt; []'没有属性通常与'tooltipprops＆lt; valueType，nametype＆gt

;

  const numberStates = 3;
  function getState({payload}: TooltipProps<ValueType, NameType>, state: string ){
    if(payload){
      for(let i = 0; i < numberStates; i++){
        if(payload[i].dataKey == state){
          return <p>{ payload[i] } : { payload[i].value }</p>
        }
      }
    }
    return null;
  }

  const CustomTooltip = ({ active, payload, label}: TooltipProps<ValueType, NameType>) => {
    if(active && payload && payload.length){
      return (
        <div className = "custom-tooltip">
          {getState(payload, "A")}
          {getState(payload, "B")}
          {getState(payload, "C")}
        </div>
      );
    }
    return null;
  }

Answer 1

您正在通过有效载荷类型：有效载荷＆lt; valueType，nameType＆gt; []
但是在 getState 功能中，您期望 tooltipprops＆lt; valueType，nametype＆gt;

更改代码：

function getState(payload: Payload<ValueType, NameType>[], state: string) {
  if (payload) {
    for (let i = 0; i < numberStates; i++) {
      if (payload[i].dataKey === state) {
        return (
          <p>
            {payload[i]} : {payload[i].value}
          </p>
        );
      }
    }
  }
  return null;
}