Мой взгляд выглядит примерно так (но я уменьшил его для простоты)
view.jsx
import * as R from 'ramda';
import { Validate } from 'src/utils/validate';
class example extends Component {
constructor(props) {
super(props);
this.state = {
model: EMPTY_MODEL,
validation: EMPTY_VALIDATION,
};
this.validate = R.bind(Validate, this);
}
render() {
<div>
<input
id="example"
type="text"
onChange={ this.validate }
/>
</div>
}
}
validate.js
import * as R from 'ramda';
export const Validate = ({ currentTarget }) => {
console.log(this); // outputs: {}
console.log(this.state); //outputs: undefined
debugger; //console.log(this.state); outputs { model: {}, validation: {} }
let { validation } = this.state; //Error: Cannot read prop 'validation'of undefined
const { id, value } = currentTarget;
switch (currentTarget.id) {
case 'example':
if(value.length < 4) {
this.setState({
validation: R.assocPath([id, 'valid'], false, validation),
});
}
break;
default:
break;
}
}
Основной вопрос
- Что мне нужно сделать, чтобы получить доступ к
this.state.validation
внутри validate.js с помощью bind?(Я хотел бы избежать передачи this
для проверки в качестве параметра)
Вопросы для понимания
- Почему консоль выводит
undefined
в validate.js, но если вывести переменные во время отладчика, я получу ожидаемые значения?