Question

每当我点击theExpert.email按钮时，我都会尝试将send questions值传递给另一个子组件。

这是Parent类的构造函数

constructor() {
        super();
        this.state = {
         textbox: '',
         category: '',
         exp: '',
         hide: false
        };
        this.hideButton = this.hideButton.bind(this);
}

跟随功能会在点击按钮时隐藏按钮并将theExpert.email的值保存在exp中，（value正确传递后自console.log打印）< / p>

hideButton (value) {
    this.setState({ hide: true });
    this.setState({
      exp: value
    });
    console.log(value)
}

这是按钮，一旦我点击它就会将值传递给hideButton

<div>
  {!this.state.hide ? (
    <button onClick={() => this.hideButton(theExpert.email)}>Ask Me!</button>
  ) : null}  
</div>

现在我要做的是点击Send Questions按钮后，我会被重定向到子组件Questions.js，并将theExpert.email的值传递给该组件按钮Send Questions：

 <div>
        <p>
  {(this.state.hide) && (
    <Link to="/questions">
      <button 
        style={{ background: "green", color: "white" }} 
      >
        Send Question
      </button>
    </Link>
  )}
</p>

            </div>

如何在子类中检索value以使用它创建发布请求

Answer 1

我认为我们的问题是由于反应迟钝。基本上你只是将hide设置为true并重新渲染组件及其所有子组件，但从不将exp设置为期望值。

所以而不是

pip2

试

function and(x, y) {
	return x && y;
}

function or(x, y) {
	return x || y;
}


bool_values = [true, true, false];
console.log("and", bool_values.reduce(and));
console.log("or", bool_values.reduce(or));

function add(x, y) {
	return x + y;
}

function multiply(x, y) {
	return x + y;
}

num_values = [1, 2.5, 3]
console.log("and", num_values.reduce(add));
console.log("or", num_values.reduce(multiply));

使用props在Reactjs中将值传递给Parent

1 个答案: