rjsf-team/react-jsonschema-form

Feature Request: Ability to conditionally show non-required fields

Open

#2,164 opened on Dec 10, 2020

View on GitHub
 (1 comment) (0 reactions) (0 assignees)TypeScript (2,136 forks)batch import
corefeaturehelp wanted

Repository metrics

Stars
 (13,175 stars)
PR merge metrics
 (Avg merge 3d 17h) (32 merged PRs in 30d)

Description

Prerequisites

Description

In a schema with many required and optional fields, it would be handy to be able to conditionally only show required fields, especially if few users ever need them.

<Form
    requiredOnly={true}

Even better would be the ability to filter fields using an arbitrary function, for example:

<Form
    filter={field => field.isRequired && field.description.includes("test")}

But that might be going overboard. Thanks for considering!

Contributor guide

Research direction
Explore the Form component source code to understand how fields are rendered based on schema. Look for existing filtering or conditional rendering mechanisms. Implement a new prop like `requiredOnly` or `filter` that hides non required fields or allows custom filtering.
Tech stack
typescriptreact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
ReactJSON Schema basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70