React Native-不变违规：对象作为React子对象无效

Question

在我的应用程序中，我试图从api中获取数据。我已经尝试在其他模块中获取数据，但它们都工作正常，但是在这里不是。

在这里，我试图在我的api中获取单个对象/数据。

这是我的代码

Category.js

export default class Category extends Component {
    constructor(props){
    super(props)
        this.state = {
            data: [],
            orderDet: '',
        };
    }
    fetchDataOrderNo = async () => {
        const response = await fetch("http://192.168.254.105:3308/OrderNo/order_no")
        const json = await response.json()
        this.setState({ orderDet: json })
    }

    componentDidMount() {
        this.fetchDataOrderNo();
    }

    render() {
        return (
            <View>
                <View style={{flexDirection: 'row'}}>
                    <Text>Table No: { this.state.orderDet }</Text>
                </View>
            </View>
        )
    }
}

Answer 1

您将获得一个数组作为对您请求的响应。您必须访问数组中的第一个对象，并获得order_no键：

fetchDataOrderNo = async () => {
    const response = await fetch("http://192.168.254.105:3308/OrderNo/order_no")
    const json = await response.json()
    this.setState({ orderDet: json[0].order_no })
}