javascript - 变量可以通过函数传递（react js）吗？

Question

我在它（类）中编写了一个类组件和多个函数，但不知道变量如何在不同函数之间传递。

class App extends Component {

  state = {
    stringA:null,
    stringB:null
  };

 set_A = (event) =>{
      const stringA = 'text';
 }
 copy_A = (event) =>{
      const stringB = stringA;
 }

 render() {
  return (
    <>
      <button onClick={this.set_A} type="click">set</button>
      <button onClick={this.copy_A} type="click">copy</button>
    </>
  );}
}
export default App;

我参考了这个文档，但它只说没有类组件的函数组件。 https://www.robinwieruch.de/react-function-component

或者，state 和 props 不是一种变量吗？</p>

标签： javascriptreactjsreact-state

Answer 1

您可以使用 访问您的属性，使用 访问您this.props的状态this.state。您通过调用setStatewhich 接受部分状态并将它们合并到完整状态来更改状态。它还会触发重新渲染，以便可以在 UI 中看到状态更改。

class App extends Component {

  state = {
    stringA:null,
    stringB:null
  };

  set_A = (event) => {
    this.setState({ stringA: 'text' });
  }
  copy_A = (event) => {
    this.setState({ stringB: this.state.stringA });
  }

  render() {
    return (
      <>
        <button onClick={this.set_A} type="click">set</button>
        <button onClick={this.copy_A} type="click">copy</button>
      </>
    );
  }
}

export default App;