From 8a54f20ee1071273aef8fc456ea5626732adc513 Mon Sep 17 00:00:00 2001 From: Damien Soulard Date: Mon, 31 Oct 2016 14:01:06 +0100 Subject: [PATCH] update-unknown-warning-page - add a reason for the warning (#8131) * update-unknown-warning-page - add a reason for this warning * Minor tweaks --- warnings/unknown-prop.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/warnings/unknown-prop.md b/warnings/unknown-prop.md index 9f030a82..eb7585f6 100644 --- a/warnings/unknown-prop.md +++ b/warnings/unknown-prop.md @@ -13,6 +13,8 @@ There are a couple of likely reasons this warning could be appearing: 3. React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered. +4. You are using a React component without an upper case. React interprets it as a DOM tag because [React JSX transform uses the upper vs. lower case convention to distinguish between user-defined components and DOM tags](/react/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). + --- To fix this, composite components should "consume" any prop that is intended for the composite component and not intended for the child component. Example: