gpt4 book ai didi

javascript - 外部化各种 React 组件中的通用函数

转载 作者:行者123 更新时间:2023-12-01 03:13:37 26 4
gpt4 key购买 nike

在不同的组件中,我在样式或其他方面使用相同的功能。其中一些函数使用 this.setState({...}); 我想将所有这些函数收集在一个公共(public)位置,因此在重写它们时我不必在所有函数中重写它们组件,但仅在一个文件上。但是,我不知道如何在函数中编写 this.setState({...}); 而不丢失其上下文。有办法吗?

最佳答案

我假设您的意思是导出一个函数并在各个组件中调用该函数,同时保留 this 的范围

MyExportedFunctions.js:

export function handleChange(value, {target: {name, type}}) {
this.setState({[name]: value}, () => console.log(this.state));
}

MyComponent.js:

  import {handleChange} from "./MyExportedFunctions";

class MyComponent extends Component {
constructor(props) {
super(props);
this.handleChange = handleChange.bind(this);

this.state = {

};
}
...
}

你的意思是这样的吗?

关于javascript - 外部化各种 React 组件中的通用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45675191/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com