使用onChange在功能组件中设置状态时出现NumberPicker循环

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [value, setValue] = useState(0);

  useEffect(() => {
    // 在这里执行相应的操作
    // 可以根据value的变化来更新其他相关的状态或执行其他逻辑
  }, [value]);

  const handleChange = (newValue) => {
    setValue(newValue);
  };

  return (
    <NumberPicker value={value} onChange={handleChange} />
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [value, setValue] = useState(0);

  const handleChange = (newValue) => {
    setValue((prevValue) => {
      // 在这里根据prevValue计算新的值
      // 返回新的值作为更新后的状态
    });
  };

  return (
    <NumberPicker value={value} onChange={handleChange} />
  );
}

import React, { PureComponent } from 'react';

class MyComponent extends PureComponent {
  handleChange = (newValue) => {
    // 在这里执行相应的操作
  };

  render() {
    const { value } = this.props;

    return (
      <NumberPicker value={value} onChange={this.handleChange} />
    );
  }
}

import React, { memo } from 'react';

function MyComponent({ value, onChange }) {
  const handleChange = (newValue) => {
    // 在这里执行相应的操作
  };

  return (
    <NumberPicker value={value} onChange={handleChange} />
  );
}

export default memo(MyComponent);