zależnie od wyboru wyświetl {react}

Question

Mam component w odzielnym pliku i chciałbym by po kliknięciu button 

const [option, setOption] = useState(false);
	const contractors = () => {
		setOption(!option);
	};

i to aktywowało w innym pliku 

import React from "react";

function Main() {
	return (
		<div className="main">
			{option === true ? (
				<form className="main--form">
					{/* //onSubmit={}> */}
					<input placeholder="Campaign Name"></input>
					<input placeholder="Keywords"></input>
					<input placeholder="Big amount"></input>
					<input placeholder="Campaing found"></input>
					<label>Status On</label>
					<input type="checkbox"></input>
					<select>
						<option>Cracow</option>
						<option>Warsaw</option>
						<option>Kielce</option>
						<option>Opole</option>
						<option>Rzeszów</option>
						<option>Gdańsk</option>
						<option>Poznań</option>
					</select>
					<input type="submit" value="Send"></input>
				</form>
			) : (
				<div></div>
			)}
		</div>
	);
}

 

Answer 1

Musisz zapoznać się z tematem pod tytułem globalny stan aplikacji. W twoim przypadku fajnie sprawdziłby się Recoil jednak nie wiadomo czy bedzie produkcyjny narazie jest w fazie eksperymentalnej.

Więc masz 2 inne opcje. Samemu napisać React Context lub skorzystać z gotowców takich jak paczki redux i react-redux