Question

我正在寻找将状态数据从A.js传递到B.js

的方法

所以我想从A.js到B.js
检索“DEF”作为标题[1]

A.js

Peekable

B.js

next

Answer 1

您需要使用props在组件之间传递数据。

在您要传递的父级中添加props。

export default class A extends Component {
constructor(props) {
    super(props)
    this.props = {
        title: ["ABC","DEF","GHI"]
    };
}
render(){return(<Text>{this.props.title}</Text>)}
module.exports = A;

在孩子身上接触他们。

import {A} from "./A"  
export default class B extends Component {}
render(){return(<Text>{this.props.data[1]}</Text>)}}

This是讨论props和state之间差异的好参考。

Answer 2

请参阅我的回答Passing Props to Screens in React Native。

在不同组件中传递道具有另一种方法，即使用Redux库来管理应用程序状态。它简单易懂。

Answer 3

为您定制：

import {B} from './B'
export default class A extends Component {
constructor(props) {
    super(props)
    this.state = {
        title: ["ABC","DEF","GHI"]
    };
}
render(){return(<B titlePropForB={this.state.title})}
module.exports = A;


export default class B extends Component {
render(){
console.log(this.props.titlePropForB);
return(<Text>{this.props.titlePropForB[1]}</Text>)}
}

-React Native，将状态数据从A.js传递到B.js的方式是什么

3 个答案: