initial

joplin notion extension/Web Development/React/Tips/ternary operator for routing.md

@@ -0,0 +1,25 @@
+ternary operator for routing
+
+When using `{}`  for js expression make sure to wrap in under any component or element whether it is empty like `<> </>`
+
+```jsx
+
+const [route,setRoute]=useState('home')
+return (
+    <>
+      {route === "home" ? (
+        <div className="App">
+          <Nav />
+          <Article
+            files={files}
+            setFiles={setFiles}
+            category={category}
+            setCategory={setCategory}
+          />
+        </div>
+      ) : (
+        <Output />
+      )}
+    </>
+  );
+```