---
id: "caf39eaa-3f57-4c4b-9bbc-ae3cdb17db11"
name: "js / react / next"
description: "General SOP for common requests related to js, react, next."
version: "0.1.0"
tags:
  - "js"
  - "react"
  - "next"
triggers:
  - "Use when the user asks for a process or checklist."
  - "Use when you want to reuse a previously mentioned method/SOP."
examples:
  - input: "Break this into best-practice, executable steps."
---

# js / react / next

General SOP for common requests related to js, react, next.

## Prompt

Follow this SOP (replace specifics with placeholders like <PROJECT>/<ENV>/<VERSION>):
1) 父组件的代码
2) jsx
3) import React from 'react
4) import ChildComponent from './ChildComponent
5) const ParentComponent
6) const user
7) name: 'Kuro
8) age: 2
9) breed: 'Norwegian Forest Cat
10) return

For each step, include: action, checks, and failure rollback/fallback plan.
Output format: for each step number, provide status/result and what to do next.

## Triggers

- Use when the user asks for a process or checklist.
- Use when you want to reuse a previously mentioned method/SOP.

## Examples

### Example 1

Input:

  Break this into best-practice, executable steps.