Alibaba Fusion Design深度教程

import React, { useState } from 'react'
import { Button } from '@alifd/next';
import { Input, Button, Field, DatePicker2 } from '@alifd/next';

function index() {
    const field = Field.useField();
    const { RangePicker } = DatePicker2;

    const { init, setValue, reset, getError } = field;

    function onGetValue() {
        console.log(field.getValue("input"));
    }

    function onSetValue() {
        field.setValue("input", "xyz");
    }


    const now = new Date();
    return (
        <div className="demo">
            <Input
                {...init("input", {
                    initValue: "test",
                })}
            />

            <RangePicker
                {...init("myTime", {
                    initValue: [now, now],
                })}
                format="YYYY/MM/DD HH:mm:ss"
                showTime
            />





            <pre style={{ marginTop: 8 }}>
                {JSON.stringify(field.getValues(), null, 2)}
            </pre>
        </div>
    );

}

export default index