Question

我想单击单选按钮而不是经典的提交按钮来提交向导表单。

无线电组件：

const createPage = (routeString, callback) => {
    fs.readFile(`${__dirname}/head.html`, 'utf-8', (err, data) => {
        let header = data;

        fs.readFile(`${__dirname}/public${routeString}.html`, 'utf-8', (err, data) => {
            let main = data;

            fs.readFile(`${__dirname}/tail.html`, 'utf-8', (err, data) => {
                let tail = data;
                let page = header + main + tail;

                return callback(page);
            });
        });
    });
}

const renderPage = (result) => {
    console.log(result); // html/buffer prints!!
    return result;
}

let newPage = createPage('/training', renderPage); // string argument point to training.html when used in function

console.log(newPage); // undefined

我的课：

const Radio = ({ input, children }) => (
  <label className="form-radio city">
    <input {...input} />
    <span className="radio-text">{children}</span>
  </label>
)

这在我使用“提交”按钮时有效，但是我想删除它并单击单选按钮直接提交城市。

Answer 1

我尝试使用“ this.form.submit（）”进行onChange事件，但我无法加入“ form”。

我有一个父组件 ProfileForm.jsx ：

 <Form validate={this.validate} onSubmit={this.handleSubmit} initialValues={values}>
    {({ handleSubmit, invalid, pristine, values }) => (
        <form onSubmit={handleSubmit}>
            {activePage}   
        </form>
    )}
 </Form>

和我的单选按钮位于“活动页面”上， City.jsx 以及我第一篇文章的代码

反应最终形式-单击单选按钮提交向导形式

1 个答案: