Николай Бараненко

ProfileContainer.js

import React from "react";
import Profile from "./Profile";
import * as axios from "axios";
import {setUserProfile} from "../../redux/profile-reducer";
import {connect} from 'react-redux';
import {useParams} from "react-router-dom";

const withRouter = WrappedComponent => props => {
    const params = useParams();
    // etc... other react-router-dom v6 hooks
    return (
        <WrappedComponent
            {...props}
            params={params}
            // etc...
        />
    );
};

class ProfileContainer extends React.Component{
    componentDidMount() {
        // debugger;
        //
        console.log(this.props);
        let userId = this.props.params.userId;
        if (!userId){
            userId=2;
        }
        axios.get(`https://social-network.samuraijs.com/api/1.0/profile/`+userId)
            .then(response => {
                // debugger;
                this.props.setUserProfile(response.data);
            });
    }
    render () {
    // debugger;
    return(
<Profile {...this.props}  profile={this.props.profile}/>
    )
  }
}

let mapStateToProps = (state) => ({
    profile: state.profilePage.profile
});

let WithUrlDataContainerComponent = withRouter(ProfileContainer);

export default connect(mapStateToProps, {
    setUserProfile
}) (WithUrlDataContainerComponent);

App.js

<Route path="/profile" element={<ProfileContainer />}>
        <Route path=":userId" element={<ProfileContainer />} />
      </Route>

это 100% работает но не самый лучший способ и нужно делать по-другому но я решаю частную задачу - нужно доделать работу в парадигме IT React Kamasutra версии 2019 года

попробуйте

https://zen.yandex.ru/media/id/5eb684cd0481e006c6c...

вопрос решился таким образом

sh "git submodule foreach --recursive git pull origin master";

Перевел scope на https....

Для Flask

scope = Flask(__name__, static_url_path='')
# пришлось добавить эту штуку чтобы решить проблему с blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
CORS(scope)

в template.html

var x = []
        var y = []
        var url ='http://0.0.0.0:8228/scope/store_by_datetime?id_scope_dir=1&datetime_start=2020-10-17%2010:00&datetime_end=2020-10-17%2011:00'


        var req = new XMLHttpRequest();
        req.overrideMimeType("application/json");
        req.open('GET', url, true);
        req.onload  = function() {
            var jsonResponse = JSON.parse(req.responseText);
            // do something with jsonResponse
            console.log(jsonResponse)
            console.log(jsonResponse['result'].length)
            for(var k in jsonResponse['result']) {
                // console.log(k, jsonResponse['result'][k]);
                x.push(jsonResponse['result'][k]['date'])
                y.push(jsonResponse['result'][k]['value'])
                // console.log(x)
                var data = [
                    {
                        x: x,
                        y: y,
                        type: 'scatter'
                    }
                ];
                Plotly.newPlot('myDiv', data);
            }
        };
        req.send(null);

внутри flask_app

inclouds.config['SQLALCHEMY_DATABASE_URI'] = "postgresql://user:passwd@postgresql:5432/inclouds"

где postgresql - имя docker контейнера, если они располагаются на одном хосте

история если увеличили уже существеющий HDD Unit в VMWare
ищем за счет какого физического раздела будет расширение
fdisk -l
делаем растягивание
pvresize /dev/sdd
смотрим, что появилось свободное место

pvdisplay
vgdisplay

вытягиваем раздел
lvextend -l +100%FREE /dev/mapper/data_vg-data_lv
фиксируем
resize2fs /dev/mapper/data_vg-data_lv
проверяем
df -h

Думаю стоит попробовать, если 2,5 месяца вы прокачивали свои скиллы в js и все-таки хотите получить именно ту же позицию.
Кстати будет интересно поменяется ли тестовое задание...

почему ubuntu + ansible никто не предлагает?

я сам не работаю в DS, но у меня в команде есть коллеги которые заняты в этом деле. На мой взгляд это отдельная субкультура специалистов. Весьма интересные люди и имеют своей отличный взгляд на мир и понятия. Это было лирическое отступление )) Хочу сказать, что когда ты начинаешь, тебе дают возможность копаться в чужом более авторитетном коде и ты занимаешься просто его поддержкой. Когда пойдешь дальше тебе предоставят возможность заниматься его адаптацией к вашим задачам и частичной модификации. Только спустя время когда ты достигнешь определенного авторитета твоих коллег и начнешь качать признание и заслуживать внимание, то у тебя появится возможность писать свой код...
НО что хотелось бы сказать в итоге, тебе никто не мешает писать что-то в свободное от основных задач время, единственно его скорее всего нельзя будет вписать в твой timesheet, НО на то оно и студенческое время.
Успеха, все у вас получится )))