React native react native textinput从另一个textinput获取值

当我在文本输入项目编号中输入项目编号时，我希望该项目的价格自动显示在文本输入价格中。 这是我的快速脚本，它不起作用

请帮助我提高，谢谢

    constructor(props){
        super(props);
        this.state={
            qty: 0, 
            prc: 0,
        }
    }

    price = () =>{
        var price = this.state.qty * 250;
        this.setState({ 
            prc: price,
        })
    }

    render(){
        return (
            <View style={styles.container}>
                .....
                        <View style={{...}}>
                            <Text style={{...}}>Item number :</Text>
                            <TextInput
                                ...
                                onChangeText={(entry) => {
                                    this.setState({qty: entry})
                                    this.price();
                                }}
                                ...
                            />
                        </View>
                        <View style={{...}}>
                            <Text style={{...}}>Price :</Text>
                            <TextInput
                                ....
                                value={this.state.prc}
                                onChangeText={(entry) => {
                                    this.setState({prc: entry})
                                }}
                                ....
                            />
                        </View>
            </View>

构造函数（道具）{
超级（道具）；
这个州={
数量:0，
中华人民共和国：0，
}
}
价格=（）=>{
var价格=此.state.qty*250；
这个.setState（{
中华人民共和国：价格，
})
}
render（）{
返回(
.....
项目编号：
{
this.setState（{qty:entry}）
这个价格是多少；
}}
...
/>
价格：
{
this.setState（{prc:entry}）
}}
....
/>

如下所示修改代码

<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
    <Text>Item number :</Text>
    <TextInput
        value={this.state.qty}
        onChangeText={(entry) => {
            this.setState({
                qty: entry,
                prc: entry * 250
            })
        }}
    />
    <Text>Price :</Text>
    <TextInput
        value={this.state.prc}
        onChangeText={(entry) => {
            this.setState({
                prc: entry
            })
        }}
    />
</View>

编辑-我添加了一个示例应用程序来检查此

import React, { Component } from "react";
import { View, Text, TextInput, Button, StyleSheet } from "react-native";

export default class Example extends Component {
    state = {
        qty: 0,
        prc: 0,
    }

    price = () => {
        let price = this.state.qty * 250;
        this.setState({
            prc: price,
        })
    }

    render() {
        return (
            <View style={styles.container}>
                <Text>Item number :</Text>
                <TextInput
                    value={this.state.qty}
                    onChangeText={(entry) => {
                        this.setState({
                            qty: entry
                        }, () => this.price())

                    }}
                />
                <Text>Price :</Text>
                <TextInput
                    value={this.state.prc}
                    onChangeText={(entry) => {
                        this.setState({
                            prc: entry
                        })
                    }}
                />
            </View>
        );
    }
}

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

import React，{Component}来自“React”；
从“react native”导入{视图、文本、文本输入、按钮、样式表}；
导出默认类示例扩展组件{
状态={
数量:0，
中华人民共和国：0，
}
价格=（）=>{
价格=this.state.qty*250；
这是我的国家({
中华人民共和国：价格，
})
}
render（）{
返回(
项目编号：
{
这是我的国家({
数量：分录
}，（）=>this.price（））
}}
/>
价格：
{
这是我的国家({
中华人民共和国：入境
})
}}
/>
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：“中心”，
对齐项目：“中心”
}
});

---

希望这对您有所帮助。请不要有任何疑问。

如下图所示修改您的代码

<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
    <Text>Item number :</Text>
    <TextInput
        value={this.state.qty}
        onChangeText={(entry) => {
            this.setState({
                qty: entry,
                prc: entry * 250
            })
        }}
    />
    <Text>Price :</Text>
    <TextInput
        value={this.state.prc}
        onChangeText={(entry) => {
            this.setState({
                prc: entry
            })
        }}
    />
</View>

import React, { Component, useState } from 'react';

编辑-我添加了一个示例应用程序来检查此

import React, { Component } from "react";
import { View, Text, TextInput, Button, StyleSheet } from "react-native";

export default class Example extends Component {
    state = {
        qty: 0,
        prc: 0,
    }

    price = () => {
        let price = this.state.qty * 250;
        this.setState({
            prc: price,
        })
    }

    render() {
        return (
            <View style={styles.container}>
                <Text>Item number :</Text>
                <TextInput
                    value={this.state.qty}
                    onChangeText={(entry) => {
                        this.setState({
                            qty: entry
                        }, () => this.price())

                    }}
                />
                <Text>Price :</Text>
                <TextInput
                    value={this.state.prc}
                    onChangeText={(entry) => {
                        this.setState({
                            prc: entry
                        })
                    }}
                />
            </View>
        );
    }
}

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

import React，{Component}来自“React”；
从“react native”导入{视图、文本、文本输入、按钮、样式表}；
导出默认类示例扩展组件{
状态={
数量:0，
中华人民共和国：0，
}
价格=（）=>{
价格=this.state.qty*250；
这是我的国家({
中华人民共和国：价格，
})
}
render（）{
返回(
项目编号：
{
这是我的国家({
数量：分录
}，（）=>this.price（））
}}
/>
价格：
{
这是我的国家({
中华人民共和国：入境
})
}}
/>
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：“中心”，
对齐项目：“中心”
}
});

希望这对你有帮助。不要怀疑

import React, { Component, useState } from 'react';

从“react native”导入{View，Text，TextInput}

导出默认示例=（）=>{

const[price，setprice]=useState（0）；
返回(
项目编号：
设定价格（条目）}
/>
价格：
);

}

从“react native”导入{View，Text，TextInput}

导出默认示例=（）=>{

const[price，setprice]=useState（0）；
返回(
项目编号：
设定价格（条目）}
/>
价格：
);

---

}

我已经用这两种型号修复了它，但没有效果，文本输入价格仍然为零，还有其他方法吗，谢谢you@priyop它应该可以工作。无论如何，我用一个示例代码来编辑我的答案，如果它不工作，请告诉我。谢谢@SDushan的脚本示例，我尝试了制作该应用程序，但它仍然无法按预期运行text输入价格仍然为零，感谢您的支持help@priyop您能否共享整个源代码，您的代码可能有问题。@请进行任何更新？您可以用上述代码替换源代码并重新运行。我已使用这两种模型修复了它，但没有效果，文本输入价格仍然为零，是否有其他方法，谢谢you@priyop它应该可以工作。无论如何，我用一个示例代码检查我的答案，如果它不工作，请告诉我。谢谢@SDushan的脚本示例，我尝试制作该应用程序，它仍然无法按预期运行，textinput价格仍然为零，谢谢你的支持help@priyop您能分享整个源代码吗？您的代码可能有问题。@priyop any更新？您可以用上述代码替换源代码并重新运行。@proyo p您能使其工作吗？@proyo p您能使其工作吗？