Question

在React-Native文档中，我仅看到使用道具，状态，样式和渲染的示例。 App.js中的所有内容

业务逻辑应该去哪里？

尤其是，我想在进入

之前使用GET / POST获取URL，并处理数据。

render() {

return (
  <View style={{ flexGrow: 1, alignItems: 'center', justifyContent: 'center' 
}}>
    ...
  </View>
);
}

在屏幕上渲染某些东西。

Answer 1

在本机反应； render函数只是用于渲染。您可以在其他功能中包含所有其他逻辑，这些逻辑可以更改屏幕状态内的值。这将刷新屏幕并使用新值重新渲染。

简单的例子：

export default class MyScreen extends Component {
  constructor(props) {
    super(props);
    this.state = {myValue: 0};
  }

  getMyValue=()=>{ 
    this.setState({myValue: 10});
  }

  render() {
    return (
      <View>
        <TouchableOpacity onPress={this.getMyValue}>
          <Text>Get My Value</Text>
        </TouchableOpacity>
        <Text>My Value is: {this.state.myValue}</Text>
      </View>
    );
  }
}

在此示例中； “ myValue”将首先显示为0，而一旦按下按钮，它将改为10。如果要在加载屏幕后自动获取数据；您可以在 componentDidMount 函数中设置代码。

Answer 2

一种选择是使用Redux（动作/归约器），将所有逻辑置于“动作”下。但是请为不同的组件创建不同的操作

在React-native应用程序中，业务逻辑会去哪里？

2 个答案: