Почти во всех разговорах о данных и React, Props и State являются двумя наиболее распространенными понятиями.Однако я заметил, что технически существует третий способ задания данных в компоненте React.Более конкретно, вы можете установить значение, установив значение на this
.
Например, код, приведенный ниже, я установил три значения.Одно значение в State, одно значение в Props по умолчанию и другое в this
.Я могу напечатать все три из них.
import React, { Component } from "react";
class App extends Component {
constructor(props) {
super(props);
this.state = {
stateSecret: "foo"
};
this.otherSecret = "bar";
}
render() {
return (
<div className="App">
{this.state.stateSecret}
<br />
{this.otherSecret}
<br />
{this.props.propsSecret}
</div>
);
}
}
App.defaultProps = {
propsSecret: "baz"
};
export default App;
В общем, я хочу знать, фиксирую ли я анти-шаблон, установив значение в this
.Это то, что я должен избегать?