export const IMAGE_FETCH_REQUESTED = 'IMAGE_FETCH_REQUESTED';import { IMAGE_FETCH_REQUESTED } from './constraints/images';
export const searchImage = value => ({ type: IMAGE_FETCH_REQUESTED, payload: value });import { searchImage } from '/actions/images';
class ExampleComponent extends React.Component {
input = React.createRef();
handleClick = e => {
this.props.searchImage(this.input.value);
this.input.value = '';
};
render() {
return (
<Form>
<Input innerRef={this.input} placeholder='Search' />
<Button type='button' onClick={this.handleClick}>GO</Button>
</Form>
);
}
}
const mapDispatchToProps = {
searchImage,
}
connect (null, mapDispatchToProps)(ExampleComponent);import {uniqueId} from 'lodash';
export class Home extends React.Component {
static uid = uniqueId();
// some code..
}Home.uid
Честно говоря, не ясно зачем вы используете структуру data[this.state.id] вместо того, чтобы использовать просто data.
getField, по мне, напрасный метод, который только усложняет ваш код. Лучше просто описать форму в render. Так будет гораздо читаемей и проще будет вносить изменения. Хотя, если вы делаете dashboard, в универсальной форме, конечно, есть смысл.