Estoy escribiendo un libro de cuentos para un elemento secundario donde el padre administrará el estado. Por ejemplo, el value (cadena) y onChange (func) se pasan a través de accesorios. Tengo ambos apoyos pasados, pero no estoy seguro de cómo actualizar el estado en el archivo del libro de cuentos.

campo de texto.tsx

 import React, { FC, HTMLProps } from 'react'; type FirstNameTextFieldProps = HTMLProps<HTMLInputElement> const FirstNameTextField: FC<FirstNameTextFieldProps> = ({ ...restOfProps }) => ( <input type="text" id="fname" name="fname" {...restOfProps} /> ); export default FirstNameTextField;

archivo de libro de cuentos

 import React from 'react'; import { Story, Meta } from '@storybook/react/types-6-0'; import FirstNameTextField from './test'; export default { title: 'FirstNameTextField', component: FirstNameTextField, description: 'A First Name TextField.', } as Meta; const Template: Story = (args) => <FirstNameTextField {...args} />; export const Default = Template.bind({}); Default.args = { value: 'Jason', onChange: () => Alert('value changed'), };

Mi componente real es más complejo, pero quería mostrar el problema más fácilmente.