Question

我是react.js的初学者，请帮助

class App extends Component {
  constructor(props){
    super(props);
    this.tıkla = this.tıkla.bind(this);
  
  }
  state={
    loggedIn:false
  }
  tıkla(){
    this.setState(prevState => ({
      loggedIn:!prevState.loggedIn   
      // false ise true yapcak 
    }))
  }

最后一个命名为tıkla的函数。为什么我们这样做=>这个。

Answer 1

这是一个reactjs类组件。

constructor(props){
    super(props);
    this.tıkla = this.tıkla.bind(this);
  
  }

这是构造函数，其中prop（读取参数）和局部函数绑定到该类。

state={
    loggedIn:false
  }

这是一种状态，他们正在将loginIn的默认值设置为false。

tıkla(){
    this.setState(prevState => ({
      loggedIn:!prevState.loggedIn   
      // false ise true yapcak 
    }))
  }

这是他们用来更改loginIn状态的函数，这里=>称为粗箭头，这是lambda函数。 prevState是传递的对象，在此特定示例中，它保存状态loginIn的当前值。例如：如果loggingIn为false，则由于not运算符，调用此函数将使loggingIn为true。

您可以了解反应状态here和es6箭头功能here

有人可以告诉我这段代码是什么意思吗？

1 个答案: