Autolink 不适用于 react-native 0.63.4 和 react-native-localize

尝试通过 npx react-native run-android 命令再次运行项目。

如果您使用的是 iOS 设备，则：

cd ios && pod install npx react-native run-ios 如果仍然无效，请尝试再次安装 npm 包并按照文档进行操作。

使用

npx react-native link react-native-localize

代替

react-native link react-native-localize

希望能帮到你

ios – React native error – react-native-xcode.sh:line 45：react-native：command not found命令/ bin/sh失败,退出代码127

MobX 和 React Native 功能组件：我们如何在 React Native 功能组件中实现 mobX？

您可以使用不带装饰器的解决方案，而是使用 useLocalObservable 钩子创建本地组件状态：

const Shop = observer(() => {
  const state = useLocalObservable(() => ({
    price: 9,setPrice(price) {
      state.price = price;
    },quantity: 11,setQuantity(quantity) {
      state.quantity = quantity;
    },get total() {
      return state.price * state.quantity;
    },}));

  return (
    <SafeAreaView style={styles.container}>
      <Text>Price: </Text>
      <TextInput value={state.price} onChangeText={state.setPrice} />
      <Text>Quantity: </Text>
      <TextInput value={this.quantity} onChangeText={state.setQuantity} />
      <Text>Total (Price and Quantity): {state.total}</Text>
    </SafeAreaView>
  );
});

const styles = StyleSheet.create({
  container: {
    flex: 1,justifyContent: "center",alignItems: "center",},});

这里有一些关于如何在功能组件中使用它的想法。 （注意我没有测试代码，但这是给你方向的）

1.为 Shop Store 创建一个类，应该是这样的。

import { observable,computed,action } from "mobx";

export class ShopStore {

    @observable price;
    @observable quantity;
    
    constructor (value) {
        this.id = 9;
        this.quantity = 11;
    }

    @computed get total() {
        return this.price * this.quantity;
    }

    // Use @action to modify state value
    @action setPrice = (price) => {
        this.price = price;
    }

    // Use @action to modify state value
    @action setQuantity = (quantity) => {
        this.quantity = quantity;
    }
}

2.在你的 App.js 中初始化 Mobx 商店

import React from 'react';
import { ShopStore } from './src/mobx/store';
import ShopComponent from "./src/components/ShopComponent";
function App() {
    const store = new ShopStore()
    return (
        <ShopComponent store={store}/>
    );
}
export default App;

3.将 mobx 观察者连接到功能组件

import { observable,computed } from "mobx";
import { observer } from "mobx-react";
import React from "react";
import { SafeAreaView,Text,TextInput,StyleSheet } from "react-native";

function ShopComponent(props) {

    const { setPrice,setQuantity } = props.store

    return(
        <SafeAreaView style={styles.container}>
            <Text>Price: </Text>
            <TextInput value={props.store.price} onChangeText={value => { setPrice(value) }} />
            <Text>Quantity: </Text>
            <TextInput value={props.store.quantity} onChangeText={value => { setQuantity(value) }} />
            <Text>Total (Price and Quantity): {props.store.total() }</Text>
        </SafeAreaView>
    )
}
export default observer(ShopComponent);

关于仅在边框的一侧添加边框 React Native和iOS中的组件的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于2021 年的 react-native-mapbox-gl 与 react-native-maps、Autolink 不适用于 react-native 0.63.4 和 react-native-localize、ios – React native error – react-native-xcode.sh:line 45：react-native：command not found命令/ bin/sh失败,退出代码127、MobX 和 React Native 功能组件：我们如何在 React Native 功能组件中实现 mobX？等相关内容，可以在本站寻找。