如何在React.js中使用函数之外的变量

Question

我正试图找到一种方法来使用React函数之外的变量。如何使用变量"testing"在减速器函数之外?

const initialState = {count: 0};
function reducer(state, action) {
let testing = state.count;
switch (action.type) {
case 'increment':
return {count: state.count + 1};
case 'decrement':
return {count: state.count - 1};
default:
throw new Error();
}
}

const global = testing;

Answer 1

您可以简单地在函数之外定义您的测试变量:

let testing;
function someFunc(someInput) {
testing = "some data";
}
const global = testing;

也可以在函数内部返回:

function someOtherFunc(input){
let testing = "some data"
return testing;
}
const testing = someOtherFunc("some input");

但是由于你的函数是一个减速器它真的不应该产生任何副作用这正是你想要做的。用更多的解释更新你的问题可能有助于找到你想要达到的其他替代方法。

Answer 2

我建议你使用state

export default class App extends Component {
constructor(props) {
super(props);
}
state = {
testing:null
};}