[Docs] Add Example For React.Children.map
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 11.8k
- Fork
- 7.9k
- Merge medio
- 1g 11h
- PR unite (30g)
- 11
Descrizione
For https://reactjs.org/docs/react-api.html#reactchildrenmap to help illustrate as to what it does, can we kindly add an example for something like this.
const Value = ({ value }) => <p>{value}</p>
const PropsInjector = ({ children }) => React.Children.map(children, child => {
return React.cloneElement(child, { value: 'some_value' });
});
const App = () => (
<PropsInjector>
<Value />
<Value />
</PropsInjector>
)
I don't know if this might be an acceptable example for React.Children.map, but I would love to hear some feedback if possible.
The current documentation doesn't have a an example on how React.Children.map can be used & it doesn't make sense for someone like me
As per docs: React.Children.map(children, function[(thisArg)])
For someone like me I got very confused
function[(thisArg)]when I read this & didn't know on how I could use it.
I am more then happy to make a PR for adding this example & or any better example if someone can suggest.
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia dalla sezione React.Children.map della pagina della documentazione collegata nell’issue e rivedi la spiegazione esistente dell’API e gli esempi. Aggiungi un esempio chiaro di utilizzo di React basato sullo scenario richiesto di iniezione di props in child, con una formulazione che spieghi l’argomento del callback; il lavoro è completato quando la pagina dimostra come usare React.Children.map senza l’attuale confusione.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react
- Ambito
- documentation
- Tipo di issue
- Documentazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 55/100