This content originally appeared on DEV Community and was authored by Ertugrul DOGAN
Since setstate is defined in onpress, it renders again and the ones with input are deleted.
<View style={styles.container}>
<View>
<Text>TAKSİT SEÇENEKLERİ</Text>
</View>
{this.state.List.map((item, key) => {
return (
<TouchableOpacity
style={styles.paymentItemTaksit}
key={key}
onPress={() => {
this.setState({
checked: key,
taksitsayisi: item.value,
surcharge: (cart.total * item.value) / 100,
});
}}>
<View style={styles.shippingItemTitle}>
{this.state.checked === key ? (
<View>
<Icon
name="radio-button-checked"
style={styles.checkIcon}
/>
{item.value == 1 ? (
<Text style={styles.paymentItemText}>
{item.taksit} {cart.total} {cart.total}
</Text>
) : (
<Text style={styles.paymentItemText}>
{item.taksit}{' '}
{(
(cart.total + (cart.total * item.value) / 100) /
item.value
).toFixed(2)}{' '}
{(
cart.total +
(cart.total * item.value) / 100
).toFixed(2)}
</Text>
)}
</View>
) : (
<View>
<Icon
name="radio-button-unchecked"
style={styles.uncheckIcon}
/>
{item.value == 1 ? (
<Text style={styles.paymentItemText}>
{item.taksit} {cart.total} {cart.total}
</Text>
) : (
<Text style={styles.paymentItemText}>
{item.taksit}{' '}
{(
(cart.total + (cart.total * item.value) / 100) /
item.value
).toFixed(2)}{' '}
{(
cart.total +
(cart.total * item.value) / 100
).toFixed(2)}
</Text>
)}
</View>
)}
</View>
</TouchableOpacity>
);
})}
</View>
This content originally appeared on DEV Community and was authored by Ertugrul DOGAN
Ertugrul DOGAN | Sciencx (2022-06-20T21:45:04+00:00) React setState without Render. Retrieved from https://www.scien.cx/2022/06/20/react-setstate-without-render/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.