如何导出react.js的状态变量

Question

如何导出react.js的状态变量？意味着我们在react.js中有一个状态变量，这个状态变量需要在另一个组件中，然后我们如何导出该组件。

Answer 1

只需声明您的state，导入要发送状态变量的Component，然后将其作为属性/参数传递。有些东西是这样的：

import Data from './data';
import React, { Component } from "react";
import { connect } from "react-redux";
class Test extends Component {
this.state = {
firstName: "",
lastName: "",
dateOfBirth: "",
emailAddress: "",
fatherFirstName: "",
fatherLastName: ""
}
componentDidMount() {
this.props.setValues();
}
setValues= async () => {
this.setState({
firstName: "Teddy",
lastName: "Bear",
dateOfBirth: 2000-12-07,
emailAddress: "[e-mail]",
fatherFirstName: "Jonhathan",
fatherLastName: "Bear"
})
}
render(){
return(
<Container>
<Data
data={this.state}
/>
</Container>
)
}
}
export default Test;

事情就是这样做的；如何将状态变量从一个组件发送到另一个组件。您只需要将其作为函数中的参数发送即可。并且在Data中发送的该data被用作this.props。

https://reactjs.org/这个网站所有你可以开始，你可以参考这个尽可能。我希望这个简单的解释至少能告诉你是如何做到的