Skip to main content

Change Props Value

Changes the Value of specific props of the selected components.

import { App } from "foo";

const result = <App
  title="hello"
  description="this is dashboard page"
/>

Options​

type Options = {
  componentSourceType?: "absolute" | "relative";
  componentNameType?: "default" | "named";
  componentSource: string;
  componentName: string;
  propsName: string;
  propsValue: string;
};
  • componentSourceType: change props's value's component source's type. you can choose absolute or relative
  • componentNameType: change props's value's component name's type. you can choose default or named
  • componentSource: change props's value's component source. you can choose package name or target path
  • componentName: change props's value's component name
  • fromPropsName: change props's value's props's name
  • toPropsName: change props's value's value. you can choose string, number, boolean

Usage​

The usage method differs depending on the source type of the import statement to be converted.

absolute​

This is a situation where the source of the import module you want to change is an absolute path.

option.ts
const option = {
  componentSourceType: "absolute",
  componentNameType: "named",
  componentSource: "foo",
  componentName: "App",
  propsName: "description",
  propsValue: "this is home page",
};
import { App } from "foo";
const result = <App
  title="hello"
  description="this is dashboard page"
/>

relative​

This is a situation where the source of the import module you want to change is an absolute path.

option.ts
const option = {
  componentSourceType: "relative",
  componentNameType: "named",
  componentSource: "./test/foo.ts",
  componentName: "App",
  propsName: "description",
  propsValue: "this is home page",
};
import { App } from "./test/foo.ts";

const result = <App
  title="hello"
  description="this is dashboard page"
/>