Antd/Props Changed

1.0.1Last update Jul 24, 2024

Regularly tested and maintained by our engineers and codemod expert community.

This codemod changes the way the component props are applied.

Example

import { Tag } from 'antd';

const Component = () => {
  const [visible, setVisible] = useState(false);

  return <Tag visible={visible} />;
};

import { Tag } from 'antd';

const Component = () => {
  const [visible, setVisible] = useState(false);

  return (visible ? <Tag /> : null);
};

This codemod changes the way the component props are applied.

import { Tag } from 'antd';

const Component = () => {
  const [visible, setVisible] = useState(false);

  return <Tag visible={visible} />;
};

import { Tag } from 'antd';

const Component = () => {
  const [visible, setVisible] = useState(false);

  return (visible ? <Tag /> : null);
};

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community