Mam w react.js prosty formularz i w jednym miejscu używam radio button, z pobraniem zawartości nie mam problemu ale przycisk nie odznacza się po wysłaniu formularza albo zmianie na inny radio button, do każdego radio button jest atrybut name ale nie wiem w jaki sposób się do niego odwołać. Jakieś sugestie jak sobie z tym poradzić?
Dodam, że dopiero zaczynam z react
Ok racja z tym checkboxem tylko teraz nie działa mi zapisywanie wybranej opcji. Poniżej kod :
React <label>Male</label>
<input type="checkbox" value="Male" name="gender" onChange={this.handleChangeGender}></input>
<label>Female</label>
<input type="checkbox" value="Female" name="gender" onChange={this.handleChangeGender}></input>
<label>Other</label>
<input type="checkbox" value="Other" name="gender" onChange={this.handleChangeGender}></input>
handleChangeGender(e) {
this.setState({ geder: e.currentTarget.value });
}
Nie wiem czy to może mieć jakies znaczenie, ale rzuciła mi się w oczy literówka.
W pierwszym kodzie masz name="gender", natomiast w drugim setState({ geder: e.currentTarget.
To jak powinno być - geder czy geNder?
Oczywiście, być może nie ma to związku ze sprawą, ale zacząłbym od wyjaśnienia tej kwestii.
Jednak literówka nie powodowała błędu
Wrzuciłem Twój kod na jsfiddle - https://jsfiddle.net/epgcwydL/ , a następnie spojrzałem na to i zastanawiam się, czy dobrze to robisz.
Nie wiem, co chcesz osiągnąć, ale raczej tutaj nie dawałbym checkbox tylko jakieś radio - coś na kształt https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_radio. No bo w tym, co Ty zrobiłeś można zaznaczyć jednocześnie płeć męską i damską/żeńską. O ile nie mówimy teraz o ślimakach, tylko ludziach - takie coś jest chyba błędne :D
<form>
<label className="male">Male
<input type="radio" value="Male" name="gender" onChange={this.handleChangeGender}></input></label>
<label className="female">Female
<input type="radio" value="Female" name="gender" onChange={this.handleChangeGender}></input></label>
<label className="other">Other
<input type="radio" value="Other" name="gender" onChange={this.handleChangeGender}></input></label>
</form>
i jak dostać się do inputa, który go wywołał, żeby np zaznaczyć unchecked ?
Tak miałem na początku ale zaznaczenie zostaje nawet po wysłaniu formularza a chciałby, żeby każde ratio było unchecked
Ale kto powiedział, że nie da się usunąć zaznaczenia z elementów typu radio?
Zrobiłem tak na szybko - pobaw się i potestuj - https://jsfiddle.net/59v3haoL/.
Przy okazji pewnie rozwiązałem Twój problem podany wcześniej - czyli czyszczenie powysłaniu.
A tak w ogóle to mam prośbę - nie popadaj w paranoję poprawności politycznej i wywal OTHER. Mamy dwie płcie i nie kombinujmy w tym zakresie, OK? :P
Ale dzięki, bo własnie o to mi chodziło :)
A jeszcze szybkie pytanko: Czy, albo raczej jak w react otworzyć nową kartę? Powiedzmy, że mam w 1 klasie button i jak go wcisnę chcę, żeby wyświetliła się zawartość innej klasy (coś a href nie działa)
Albo tworzysz w komponencie instrukcje warunkową przy renderowaniu, której wynik przestawiasz tym przyciskiem (https://reactjs.org/docs/conditional-rendering.html) albo dodajesz sobie do projektu react-router i korzystając z niego przechodzisz po prostu na jakąś podstronę z drugą zawartością.
A czy jest jakaś funkcja, która wyczyści tablicę w react?