Можно ли обработать функцию обратного вызова реквизита обернутого компонента его оберткой div? - PullRequest
0 голосов
/ 01 июня 2018

Допустим, у меня есть компонент FilterItem как

export const FilterItem = (props: Props) => {
  const { value, action, checked, label, index } = props;
  return (
    <label
      className={classnames(styles.filterItemLabel)}
    >
      <Checkbox
        className={ classnames(styles.filterItemInput) }
        checked={ checked }
        onChange={ () => action(value, index) }
      />
      { label }
    </label>
  );
};

и компонент Checkbox как:

export const Checkbox = (props: Props) => {
  const { checked, onChange, className, disabled } = props;
  return (
    <span className={styles['checkboxWrapper']}>
      <input
        style={{ display: 'none' }}
        type="checkbox"
        checked={checked}
        onChange={onChange}
        disabled={disabled}
      />
    </span>
  );
};

Мой вопрос, возможно ли написать компонент FilterItem как: добавив функцию onChange внутри меткикак реквизит.для моего случая это все еще работает.не знаю причину.это специфично для React.

...