Как компонент узнает, в какой среде (проекте) он находится и какую бизнес-логику использовать?

Компонент обычно узнаёт о среде (проекте), в которой он работает, через конфигурацию, передаваемую сверху — например, через пропсы, контекст или глобальные переменные окружения. Это может быть переменная окружения (например, process.env.PROJECT_ENV), конфигурационный файл или параметры, переданные из родительского компонента.

На основе этой информации компонент выбирает нужную бизнес-логику, например, через условные операторы или паттерн стратегия. Это позволяет использовать один и тот же компонент в разных проектах с разной логикой.

Пример на React с использованием контекста:

const ProjectContext = React.createContext('default');

function MyComponent() {
  const project = React.useContext(ProjectContext);

  if (project === 'projectA') {
    // логика для проекта A
  } else if (project === 'projectB') {
    // логика для проекта B
  }

  return <div>Компонент для {project}</div>;
}

// В родительском компоненте
<ProjectContext.Provider value="projectA">
  <MyComponent />
</ProjectContext.Provider>

Таким образом, среда задаётся сверху, а компонент адаптируется под неё.