bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Forms: set id in state, fixes #178

Browse source
This commit is contained in:
Alex Gleason 2020-06-09 18:26:49 -05:00
parent bf55593513
commit 6ee3d77e55
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/soapbox/features/forms/index.js
View file

@ -1,4 +1,4 @@
import React from 'react'; import React, { useState } from 'react';
import ImmutablePureComponent from 'react-immutable-pure-component'; import ImmutablePureComponent from 'react-immutable-pure-component';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classNames from 'classnames'; import classNames from 'classnames';
@ -37,7 +37,7 @@ InputContainer.propTypes = {
}; };
export const LabelInputContainer = ({ label, children, ...props }) => { export const LabelInputContainer = ({ label, children, ...props }) => {
const id = uuidv4(); const [id] = useState(uuidv4());
const childrenWithProps = React.Children.map(children, child => ( const childrenWithProps = React.Children.map(children, child => (
React.cloneElement(child, { id: id, key: id }) React.cloneElement(child, { id: id, key: id })
)); ));
@ -168,9 +168,13 @@ export class RadioItem extends ImmutablePureComponent {
checked: false, checked: false,
} }
state = {
id: uuidv4(),
}
render() { render() {
const { label, hint, dispatch, ...props } = this.props; const { label, hint, dispatch, ...props } = this.props;
const id = uuidv4(); const { id } = this.state;
return ( return (
<li className='radio'> <li className='radio'>