[Docs] Add Example For React.Children.map
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 11.8k
- Forks
- 7.9k
- Merge medio
- 1 d 11 h
- PR fusionados (30 d)
- 11
Descripción
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.
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Comienza en la sección React.Children.map de la página de documentación enlazada en la issue y revisa la explicación existente de la API y los ejemplos. Añade un ejemplo claro de uso de React basado en el escenario solicitado de inyección de props en child, con una redacción que explique el argumento del callback; se considera terminado cuando la página demuestre cómo se puede usar React.Children.map sin la confusión actual.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- documentation
- Tipo de issue
- Documentación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 55/100