annacoding2020

@import "~antd/lib/style/themes/default.less";
@primary-color: #DC2B1C;
@layout-header-background: #FFE600;
@menu-dark-color: fade(#000, 65%);
@font-size-base: 16px;

annacoding2020

import React from 'react';
import { Form, Button, Input } from 'antd';

const Example = () => {
	const [form] = Form.useForm();

	// Case: Submit button out of Form
	const handleFormSubmit = () => {
		form.validateFields()
			.then((values) => {

annacoding2020

import React from 'React'
import { Form, Input, Button } from 'antd';
import { UserOutlined } from '@ant-design/icons';

const SubmitButtonInsideForm = () => {
  const onFinish = values => {
    console.log('Received values of form: ', values);
  };

  return (

annacoding2020

import React, { useEffect } from 'react';
import { Form, Button, Input } from 'antd';

const Example = () => {
	const [form] = Form.useForm();

	// Use form inside UseEffect
	useEffect(() => {
		form.setFieldsValue({
			username: 'Annacoding',

annacoding2020

// Antd v4
const Example = () => (
  <Form>
    <Form.Item name="username" rules={[{ required: true }]}>
      <Input />
    </Form.Item>
  </Form>
);

annacoding2020

// Antd v3
const Example = ({ form: { getFieldDecorator } }) => (
  <Form>
    <Form.Item>
      {getFieldDecorator('annacoding', {
        rules: [{ required: true }],
      })(<Input />)}
    </Form.Item>
  </Form>
);

annacoding2020

var getGlobal = function () {

  if (typeof self !== 'undefined') { return self; }

  if (typeof window !== 'undefined') { return window; }

  if (typeof global !== 'undefined') { return global; }

  throw new Error('unable to locate global object');

annacoding2020

const user = { name: "John" };

// Fails with `Uncaught TypeError: Cannot read property 'city' of undefined`

const city = user.address.city;

// Works but verbose

let city = "Not Set";

annacoding2020

const nullValue = null;

const emptyText = ""; // falsy

const someNumber = 42;

const valA = nullValue ?? "default for A";

const valB = emptyText ?? "default for B";

annacoding2020

Sitemap: [Sitemap.xml url]

User-agent: *
Allow: /*

Disallow: /api/*