android - React-native 应用程序中的业务逻辑在哪里？

Question

在 React-Native 文档中，我只看到使用 Prop 、状态、样式和渲染的示例。 App.js 中的一切

业务逻辑应该去哪里？

特别是，我想在进入之前使用 GET/POST 获取 URL 并操作数据

render() {

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

在屏幕上渲染一些东西。

Answer 1

在 native react 中； 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 函数中设置代码。