react-hook 組件形式中的 initialValues

Question

我有以下示例代碼Form ，並提供了初始數據。 如果我重構為Class component ，表單會預先填充，但是當我使用鈎子時，什么也沒有出現。

const ActivitiesForm = ({ goBackButton }) => {
    const { items, initialValues } = useSelector((state) => {
        return {
            initialValues: state.data,
            items: state.items,
        }
    })

    const [activityName, setActivityName] = useState(

        initialValues ? initialValues.activityDescription : ''
    )
    const handleInputName = (e) => setActivityName(e.target.value)



    return (
        <div>

            <Form
                onSubmit={handleSubmit(handleSubmit)}
                className='ui form'
                >

                    <Field
                        component={ConstructField('input')}
                        onChange={handleInputName}
                        label='Activity Name'
                        name='activityName'
                        placeholder='Activity Name'
                    />


                            <Button
                                negative
                                onClick={() => handleSubmit_('del')}
                            >
                                Delete the Youth
                            </Button>

            </Form>
        </div>
    )
}


const activityform = reduxForm({
    form: 'activityform',
    enableReinitialize: true,
})(ActivitiesForm)

export default activityform

Answer 1

嘗試像這樣使用useEffect鈎子：

useEffect(() => {
  if(initialValues){
     setActivityName(initialValues.activityDescription);
  }
}, [initialValues)