Home Explore Help
Sign In
Pocu
/
Hipstagram
Watch 3
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

rerender function added

pocu46 4 years ago
parent
0ca89a276f
commit
0f4de21e23
6 changed files with 27 additions and 20 deletions
Split View Show Diff Stats
  1. 1 1
      hipstagram/public/index.html
  2. 1 0
      hipstagram/src/Content/Profile/My posts/my posts.js
  3. 3 0
      hipstagram/src/Redux/state.js
  4. 5 18
      hipstagram/src/index.js
  5. 0 1
      hipstagram/src/logo.svg
  6. 17 0
      hipstagram/src/render.js

+ 1 - 1
hipstagram/public/index.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
   <head>
 
     <meta charset="utf-8" />
 
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 
+    <!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <meta name="theme-color" content="#000000" />
 
     <meta

+ 1 - 0
hipstagram/src/Content/Profile/My posts/my posts.js
View File 

@@ -11,6 +11,7 @@ function MyPosts(props) {
 
     let addPost = () => {
 
         let text = newPostElement.current.value;
 
         props.addPost(text);
 
+        newPostElement.current.value = ''; 
     }
 
 
     return(

+ 3 - 0
hipstagram/src/Redux/state.js
View File 

@@ -1,3 +1,5 @@
 
+import { rerenderEntireTree } from "../render";
 
+
 
 let state = {
 
   profilePage: {
 
     post: [
 
@@ -30,6 +32,7 @@ export let addPost = (postMessage) => {
 
     likesCount: 0
 
   }
 
   state.profilePage.post.push(newPost);
 
+  rerenderEntireTree(state);
 
  }
 
 
 export default state;

+ 5 - 18
hipstagram/src/index.js
View File 

@@ -1,22 +1,9 @@
 
-import React from 'react';
 
-import ReactDOM from 'react-dom';
 
-import './index.css';
 
-import App from './App';
 
-import reportWebVitals from './reportWebVitals';
 
-import state from './Redux/state';
 
-import { addPost } from './Redux/state';
 
-import { BrowserRouter } from 'react-router-dom';
 
+import "./index.css";
 
+import reportWebVitals from "./reportWebVitals";
 
+import state from "./Redux/state";
 
+import { rerenderEntireTree } from "./render";
 
 
-// addPost('Hi you guys');
 
-
 
-ReactDOM.render(
 
-  <React.StrictMode>
 
-    <BrowserRouter>
 
-      <App state={ state } addPost={ addPost }/>
 
-    </BrowserRouter>
 
-  </React.StrictMode>,
 
-  document.getElementById('root')
 
-);
 
+rerenderEntireTree(state);
 
 
 // If you want to start measuring performance in your app, pass a function
 
 // to log results (for example: reportWebVitals(console.log))

File diff suppressed because it is too large
+ 0 - 1
hipstagram/src/logo.svg


+ 17 - 0
hipstagram/src/render.js
View File 

@@ -0,0 +1,17 @@
 
+import React from "react";
 
+import ReactDOM from "react-dom";
 
+import "./index.css";
 
+import App from "./App";
 
+import { addPost } from "./Redux/state";
 
+import { BrowserRouter } from "react-router-dom";
 
+
 
+export let rerenderEntireTree = (state) => {
 
+    ReactDOM.render(
 
+      <React.StrictMode>
 
+        <BrowserRouter>
 
+          <App state={state} addPost={addPost} />
 
+        </BrowserRouter>
 
+      </React.StrictMode>,
 
+      document.getElementById("root")
 
+    );
 
+  };