Question

然后我看到了多个相同的问题，但我不明白他们的答案。

我有一个执行提取并获取一些数据的组件。我想将这些数据与其他信息一起发送给另一个作案者（孩子？我对此不太了解）。

这是我的第一个组件：（login.component.jsx）我想将IP，用户名，密码，CPGlist传递给CreateVolume中的组件，并在那儿使用它。

class Login extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            IP: "xxx",
            username: "",
            password: "",
            submitted: false,
            CPGlist: ""
        };
        this.handleChange = this.handleChange.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);
    }
.
.
.
    render() {
            const { IP, username, password, CPGlist, submitted } = this.state;
            if (submitted) {
                return (
                    <div>
                         < CreateVolume />
                    </div>
                );
            }

CreateVolume.component.jsx：

class CreateVolume extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            IP: "",
            username: "",
            password: "",
            submitted: false,
            name: "",
            cpg: "",
            size: "",
            unit: ""
        };
        this.handleChange = this.handleChange.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);
    }
.
.
.
//some code

我应该能够从login.component.jsx中获取IP /用户名/密码/ CPG列表到CreateVolume.component.jsx

谢谢

Answer 1

仅在填充状态数据时安装<CreateVolume />。

{
    this.state.ip && this.state.ip!="" &&
    <CreateColume
        IP = {this.state.IP}
        ...
    />
}

Answer 2

$("input[name=mygroup]").val([5]);

传递状态作为给孩子的道具！

将数据从组件发送到另一个组件

2 个答案: