Каков правильный способ подачи формы в данные без учета состояния?

Question

Каков правильный способ подачи формы в данные без учета состояния?

Попробуйте этот код

if ($(window).width() < 960) {
 alert('width is less than 960px');
}
else {
 alert('More than 960');
}

   if ($(window).width() < 960) {
     alert('width is less than 960px');
    }
    else {
     alert('More than 960');
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1

javascript reactjs react-router

задан Tholle 13 July 2018 в 23:01

2 ответа

Другие вопросы по тегам:

javascript reactjs react-router

Похожие вопросы:

score 0 · Answer 1

Если вы хотите создать компонент stateless forms, я посылаю вам lib, над которым я работаю:

response-distribution-forms

Это позволит вам создать свой компонент передачи таким образом (обратите внимание, чтобы использовать Input вместо ввода и Button вместо кнопки):

import React, { Component } from "react";
import "../../../node_modules/bulma/css/bulma.css";
import { Input, Button } from "react-distributed-forms";
const Transfer = (props, token, web3) => {
  return (
    <div className="modal is-active">
      <div className="myForm">
        <label htmlFor="text">Address to receive token</label>
        <Input name="Address" className="input is-info " required="true" />
        <label htmlFor="number">Token ID</label>
        <Input
          className="input is-info"
          name="Token ID"
          type="number"
          required="true"
        />
        <Button name="submit" className="button is-pulled-right">
          Cancel
        </Button>
      </div>
    </div>
  );
};

export default Transfer;

И затем в своем родительском компоненте, где бы он ни находился в иерархии, вы просто выполните:

<Form onSubmit={({ name }) => { console.log(name); }} onFieldChange={({ name, value} ) => { console.log(name, value); }}>

  ...whatever
  
  <Transfer />
  
  ...whatever

</Form>

onFieldChange получит каждое изменение ввода. onSubmit получит атрибут «name» на кнопке, когда вы нажмете на нее.

response-distrib-forms используют контекстный API React, поэтому вам не нужно передавать напрямую реквизиты, он просто работает. Создан для действительно динамических форм ...

score 0 · Answer 2

Вам будет сложно выполнить то, что вы хотите, с помощью компонента без состояния, поскольку вы не можете использовать refs или state в компоненте без состояния. Вы можете думать о компоненте без гражданства как о чистой функции, которая возвращает часть пользовательского интерфейса в зависимости от props, которую вы ему даете.

Вместо этого вы можете использовать компонент с состоянием и, например, сохраните входные значения в state и вызовите функцию onClickSubmit prop с этим state, когда пользователь отправит форму.