const A = () => 'hello'; A.B = () => 'world'; ... <A.B />

а как объявить компонент чтобы вызов был таким <XXX.Component />

Лучше так не делать

почему? Я создаю свои инпуты по логике они могут принадлежать лишь моему компоненту формы

Добрый день, у меян проблема с ключами, подскажите, что не так? const ExpPanels = ({ handleExpansionChange, activePanel }) => { return ( <Fragment> {expTitles.map(({ value, title }) => ( <Fragment> <Pnls key={value} panelClick={handleExpansionChange(value)} title={title} /> <PanelsContent activeTxt={activePanel} activeId={value} /> </Fragment> ))} </Fragment> ); }; export default withExpPanels(ExpPanels);Ошибка: Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of ExpPanels. See https://fb.me/react-warning-keys for more information. in Fragment (at ExpPanels.js:15) in ExpPanels (at withExpPanels.js:18) in EnhancedComponent (at Content.js:15) in Content (at App.js:28) in div (created by Context.Consumer) in StyledComponent (created by styled.div) in styled.div (at Tabs.js:19) in Tabs (at App.js:16) in App (at src/index.js:19) in Provider (at src/index.js:18)

На Fragment надо ключ вешать

Благодарю, добрый человек я как-то не обратил внимания, на то, что фрагмент тоже итерируемый

Здравствуйте, у меня следующая ситуация и я абсолютно не понимаю в чем проблема, с учетом того, что мне даже ссылка предоставляется в ошибке. Делаю абсолютно простое приложение на реакте, пишу тоже самое и оно работает, а здесь выдает ошибку... import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "components/Tabs/App"; import * as serviceWorker from "./serviceWorker"; import { createStore } from "redux"; import { Provider } from "react-redux"; const initialState = { label:"superStar"}; const reducer = (state = initialState) => { return { label: state }; }; const store = createStore(reducer); ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementById("root") ); // If you want your app to work offline and load faster, you can change // unregister() to register() below. Note this comes with some pitfalls. // Learn more about service workers: http://bit.ly/CRA-PWA serviceWorker.unregister();Компонент, в котором хочу принять значение из стора: import React from "react"; import { connect } from "react-redux"; const ChangeColor = () => { return <button>super</button>; }; const MapToStateProps = state => ({ label: state.label }); export default connect(MapToStateProps)(ChangeColor);Error: The above error occurred in the <ConnectFunction> component: in ConnectFunction (at Content.js:22) in Content (at App.js:28) in div (created by Context.Consumer) in StyledComponent (created by styled.div) in styled.div (at Tabs.js:19) in Tabs (at App.js:16) in App (at src/index.js:19) in Provider (at src/index.js:18) Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries. index.js:1446 TypeError: Object(...) is not a function[Learn More]

Для начала mapStateToProps с маленькой буквы

Для начала mapStateToProps с маленькой буквы

поменял, а еще есть мысли?

что это даст?

Реакт все функци с большой буквы - интерпретирует как компоненты (можешь вызывать такую функцию и у тебя будет React Element в результате), больше ничего в глаза не бросилось

Подскажите, заменяет ли redux-persist localStorage/asyncStorage? Например, нужно ли мне добавлять токены в хранилище, если используется persist?

Да, это я знаю. То есть я могу не использовать getItem и setItem, а просто вытащить из стора, типа this.props.auth.accessToken?

const List = () => <div> {this.state.todos.map(({value, id}) => ( <li key={id}>{value}</li> )) } <div>

Ребят, кто может объяснить или кинуть какой-то пример того, как и зачем использовать jest, enzyme и самое главное - propTypes. Я читаю туториалы и все как один пишут, что когда код растет то становится тяжело найти ошибку и блаблабла. Но конкретно я не вкуриваю. Я понимаю так, что если у меня есть ошибка то ее всегда видно в консоле и можно исправить

ясно, в общем как я понимаю, если проект пишет команда то лучше все это использовать, а если проект я пишу один то в принципе можно обойтись

Лучше использовать или типизацию, или тесты на своём личном проекте (можно без этого, если вам, конечно, опыт позволяет)

ясно, в общем как я понимаю, если проект пишет команда то лучше все это использовать, а если проект я пишу один то в принципе можно обойтись

Ребят, кто может объяснить или кинуть какой-то пример того, как и зачем использовать jest, enzyme и самое главное - propTypes. Я читаю туториалы и все как один пишут, что когда код растет то становится тяжело найти ошибку и блаблабла. Но конкретно я не вкуриваю. Я понимаю так, что если у меня есть ошибка то ее всегда видно в консоле и можно исправить

а как если у меня роут мапится, дописать параметры в путь вроде path="/it.path/:it.name", это возможно? {routes.map(it=> <Route path={it.path} component={сomponent} /> )}

path={`${it.path}/:${it.name}`}

Чото потыкался в тырнете, ничего не нашёл, вот это же депрекейтед document.location.reload(true);? Как в реакте такое проделывают?

только через привязку картой

с чего ты взял что это депрекейтед?

{…{ lat, lng }} 🥴

що таке?)

да, но чем тебя не устроил export default ?