From 3dc8f10ae8fb2ae797f8bc749c1eff45d1e77624 Mon Sep 17 00:00:00 2001
From: Dipto Karmakar <dipto0321@users.noreply.github.com>
Date: Sun, 19 May 2019 10:02:46 +0600
Subject: [PATCH] Update add-inline-style-in-react (#35739)

- Add my solution in the hint.
---
 .../react/add-inline-styles-in-react/index.md             | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/guide/english/certifications/front-end-libraries/react/add-inline-styles-in-react/index.md b/guide/english/certifications/front-end-libraries/react/add-inline-styles-in-react/index.md
index ae65721f06..c9ff886d19 100644
--- a/guide/english/certifications/front-end-libraries/react/add-inline-styles-in-react/index.md
+++ b/guide/english/certifications/front-end-libraries/react/add-inline-styles-in-react/index.md
@@ -6,11 +6,17 @@ You can declare a component style passing the object directly as a prop 'style'.
 
 ### Spoiler
 ```jsx
+const styles = {
+  color: 'purple',
+  fontSize: 40,
+  border: "2px solid purple",
+};
+
 class Colorful extends React.Component {
   render() {
     // change code below this line
     return (
-      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
+      <div style={styles}>Style Me!</div>
     );
     // change code above this line
   }